HTML,JavaScriptを用いたスライドショー

Question

前提・実現したいこと

(手動)スライドショーの作成
ファルダ内にあるすべての画像をスライドできるようにすること

ここに質問の内容を詳しく書いてください。

HTML、Jquery、JavaScript、fotoramaを使ってフォルダ内にある全ての画像をスライド出来るようにしたい。
その際に、HTMLにファイル名全てを書くのは冗長であり、手間がかかる。
だから、それをしないでできる方法が知りたい。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

画像を変更しようとすると、指定したタグは存在しないというようなエラーが発生する。
これは、ボタンをbodyの最後らへんに書かなかった為に発生していると思われる。

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[miyabi_pudding]

ご自身でどこまでやったかのソースコードや、どこまで調べたかの検索結果などを記載して下さい。
でないと丸投げ作業依頼の域を越えません。

[sadesumaru]

そうですね、調べてみた結果フォルダの画像数などを数える必要性があることを考慮すると、JavaScriptよりPHPの方が良いということは分かりました。
glob.globで情報抽出できますので。

やったこと...
Jqueryを使って画像のスライド操作を実現できる形にした。
変更する画像を1つのタグと見て、elementbyidで変更しようと試みたが失敗した。
くらいですかね。

そのファイル数を数えるというのは、連番が存在しなければ0に戻すという処理を行うということは考えました。

抽象的な概略が知りたいです。
実現可能で、どのように考えれば良いかなど。
ほぼ初めて書くHTMLなので汚くてあんまり見せたくないのです。
なので、方針や画像変更に役立つ構文、フォルダのファイル数を知る構文など教えて頂きたかったという感じです。

Answer 1

その際に、HTMLにファイル名全てを書くのは冗長であり、

いえ、ファイル名（URL）は必須です。
<img>を記述するのが冗長というのは納得できますが。

手間がかかる。

まず API ドキュメントは読み、参考にします。
jQuery プラグインは初期のものからそうでしたが「タグを書かずとも wrapper だけ指定すれば内部を自動構築する機能を有した作り込みになっている」ものが多いというのが特徴です。
ドキュメントを一読する手間は惜しまないでください。むしろ、読まないほうが時間コストを要してしまいます。

それをしないでできる方法

method fotorama.load(data) は data にJSONを渡すだけのようです。
試してみてはいかがでしょうか。

Answer 2

諦めてC#でやることにします。
回答ありがとうございました

Answer 3

ファルダ内にあるすべての画像を

フロントエンドだけでは、
スクリプトのみで、自動でフォルダのファイル一覧に直接アクセスすることはできません。
（操作ユーザーにファイルを送ってもらうなどのコントロールがあった場合にやる方法はある。しかし、それも少し前の話なので、やれるかはわからない）
これはセキュリティ措置の一貫なので、
どうしてもそれを自動でやりたいなら、
サーバーサイドを使いましょう。

Answer 4

javascriptで
for文とcreateElementとsetAttribute
使えば行けそうですけど、荒い回答ですが。
ヒント程度で。