Webページを作成しているのですが、JavaScriptで指定フォルダ内の画像をスライドショー形式で表示するコンテンツを盛り込みたいと思っております。
現在サンプルを探しているのですが、数はあれどもなかなかこれといったものが見つけられません。
そこで下記の要望に適したサンプルがあれば教えて頂きたいです。
・画像のスライドショー機能(自動開始が望ましいです)
・指定フォルダ内の不特定多数の画像を読み込める(そこに画像を追加したら自動で反映される)
・画像のミニビュー?が横に表示される
以上です。重要なのは1個目と2個目です。
エフェクトなどはまったくこだわるつもりが無いので、シンプルなものでも大丈夫です。
近いものでもかまいませんので教えて頂きたく。
宜しくお願い致します。
No.1ベストアンサー
- 回答日時:
1)画像のスライドショー用のスクリプトはすごくたくさん作成されていますので、検索すればいくらでもヒットするでしょう。
以下にもたくさんの種類のものがあります。
http://www.geocities.jp/miyake_kobo/dl/koukai.html
2)javascriptからフォルダの内容を直接サーチすることはできないはずです。
サーバサイドのスクリプトなどを利用することで可能になるでしょう。
(その場合、javascriptはスライドショーだけを受け持つことになります。)
2’)サーバのフォルダ内にファイルリストを作成しておいて、それをスクリプトタグあるいはajaxで読み込む方法を取れば、javascriptだけでも不可能ではありませんが、ファイルが存在するだけだと↑の方法になると思います。
(ファイル名に規則性があって、頭から順番に読んでいき表示できなくなったら終わりにするとかいう方法も考えられなくはないですが…)
3)「ミニビュー?」の意味が不明です。
想像してみると、「画像のサイズ」のことか「フォルダ名」か、あとはなんだろう…
ご回答ありがとうございました。
御礼が遅くなり申し訳ありません。
少しリンク先確認してみたのですが、かなり理想に近そうな物が結構ありそうです。
もう少し調べてみます。
あと、ミニビューですがリンク先で言うとスライドショーギャラリーのことです。
はっきりとした名称が分からなかったので適当に書いてしまいました・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) excelvbaでスライドショーを作りたい 2 2023/04/20 14:32
- Android(アンドロイド) AQUOS ZEROの使い方教えて下さい 2 2022/03/27 17:21
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- Windows 10 Windows10のロック画面でスライドショーのフォルダー追加ができません 4 2023/06/07 13:05
- その他(プログラミング・Web制作) 「問題も答えも画像」のクイズを簡単に作れるもの何かありませんでしょうか? 1 2022/05/30 17:29
- 防犯カメラ・監視カメラ・小型カメラ VHSを高画質な動画ファイルにしたいです。 3 2022/05/06 12:08
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- Visual Basic(VBA) ChatGPTに作らせたい Excel VBA 1 2023/04/05 19:56
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Gifアニメ、最後のコマに行った...
-
HTMLで条件分岐はできますか?
-
画像ランダム表示、しかしダブ...
-
javascriptで毎月替わる画像
-
画像をクリックしてその地点の...
-
画像クリック→メッセージボック...
-
innerHTMLで、表示すると、一部...
-
画像を切り替えランダム表示
-
lightboxで複数サムネイル表示
-
JavaScriptでスライドショー
-
曜日と時間を指定して表示画像...
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
jqueryのsortableで一部ソート...
-
removeEventListenerについて
-
Slick.jsのオプションrtlについて
-
JavaScriptで変更した属性の元...
-
どの<li><a> が押されたか判別...
-
複数画像のランダム複数表示(...
-
クリックで色変更後に既に変更...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
1枚の画像をクリックして複数の...
-
HTMLで条件分岐はできますか?
-
Javascript で共通の処理をどこ...
-
Gifアニメ、最後のコマに行った...
-
JavaScriptとチェックボックス...
-
画像の重なりの順序を代える方...
-
画像ランダム表示、しかしダブ...
-
javascriptで毎月替わる画像
-
1枚の画像をクリックすると複数...
-
オンマウスで、画像切り替え+...
-
透過pngの透明部分以外をクリッ...
-
Javascriptで指定した日付と時...
-
jQueryスライドショー画像への...
-
JavaScript で flexslider の画...
-
lightbox2をiframeから外に表示...
-
重なった画像にクリックイベン...
-
Twitterの埋め込みしたWebペー...
-
画像をフォルダに入れれば表示...
おすすめ情報