JavaScript・cssを使って、画像を自動スクロールさせたいのですが、http://spaceforaname.com/filmstrip.htmlのように表示させる方法を詳しく、分かりやすく教えて頂きたいです。よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
それは「GalleryView: A jQuery Content Gallery Plugin」ですね。
http://spaceforaname.com/galleryview
jQueryベースのスライドショー用のライブラリーです。
GalleryViewで検索すれば、簡単な日本語の使い方ページも幾つか見つかります。
http://blog.mudaimemo.com/2009/04/galleryview-jq …
http://misato.moo.jp/jquery/galleryview_code_02. …
http://ameblo.jp/fumitane/entry-10303803872.html
表示させる方法を詳しく、分かりやすく
=>動作原理ですか?
幅固定の<ul>の中に<li>でイメージ要素を横にずらっと並べて、
スクロール量を計算して、クリックイベントとかタイマーで
<UL>のpostionを変えてるみたいですね。(firebugで見た限り)
とっても分かりやすいご回答、ありがとうございます!!
無事、思い通りに表示させることができました!!
参考サイトも教えて頂き本当に感謝です!!
ありがとうございました!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- その他(プログラミング・Web制作) webデザインです。 プログラミンでの質問なのですが 手動でpc画面を下にスクロールするとスクロール 1 2022/10/10 22:01
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 分数が正常に表示されない。 6 2022/05/09 18:53
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
エクセルVBAでフォームのListbo...
-
Visual Basicから Spreadのスク...
-
Excelで1.2行目だけ固定して...
-
ページ読み込み時に自動でスク...
-
Excelで一部分だけを常に表示さ...
-
複数の画像を横にスクロールさ...
-
VBE画面の縦のスクロールバ...
-
大きい表へのスクロールバーの...
-
リストビューのスクロールバー...
-
グループボックス内のコンボボ...
-
webページで横方向にアンカーを...
-
FC2 広告下げ禁止?
-
スプレッド上のマウスムーブイ...
-
新着情報などをスクロールしな...
-
エクセルで行を固定しその下か...
-
リストボックスをクリックした...
-
画像とグラフの重ね合わせ
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
Excelで1.2行目だけ固定して...
-
Excelで一部分だけを常に表示さ...
-
大きい表へのスクロールバーの...
-
Visual Basicから Spreadのスク...
-
vb,netでtextboxの文字を右から...
-
ページ訪問時にiframe内を自動...
-
アコーディオンで開かれたパネ...
-
マウスオーバー→ホイール回転で...
-
webページで横方向にアンカーを...
-
リストビューの水平スクロール...
-
ExcelVBAで他のアプリをスクロ...
-
IFRAMEでscrolling="yes|no"の...
-
リストビューのスクロールバー...
-
ページ読み込み時に自動でスク...
-
子要素のスクロールが親要素に...
-
Webサイト内でスクロールする小...
おすすめ情報