画像が切り替わる仕組み

質問

↓のホームページにある、画像が自動できりかわる仕組みはなんというものでしょうか？
http://www.kakuida.com/

どなたかご存知の方教えてください。

回答No.2

ORUKA1951 · ベストアンサー

firefoxを使った調べ方
firebugというアドオンで、HTMLツリーを広げていって、どの要素がその画像にあたる部分かを調べます。
　Firefox アドオン( https://addons.mozilla.jp/firefox/ )
　　→開発者向けツール ( https://addons.mozilla.jp/firefox/extensions/developer_tools/ )
　　　→Firebug ( https://addons.mozilla.jp/firefox/details/1843 )

　次に、表示メニューから、スタイルシート→「スタイルシートを使用しない」で、スタイルシートのない状態を確認します。
　ついで、スタイルシートを使った状態で、ツール→オプションで、javascriptを使用しないにして再読み込み。

　これでjavascriptを使って３つのリストになっている画像を切り替えていることが判断できます。ソースを見ると、
<script type="text/javascript" src="http：//www.kakuida.com/js/jquery-1.6.4.min.js"></script>
・・・・
<script type="text/javascript" src="http：//www.kakuida.com/slides/js/slides.min.jquery.js"></script>
とあります。jqueryとslidesでしょうね。（:は：に置換してある)

　だとしたら
・画像ポップアウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room ( http://phpjavascriptroom.com/?t=ajax&p=jquery_plugin_imagegallery )
・画像を使ったいろいろなjQueryプラグイン224個まとめ( 200+ collection of jQuery for images ) - かちびと.net ( http://kachibito.net/web-design/224-image-jquery-collection.html )
　などを探してみます。

回答No.1

t_ohta

jQueryのSlidesというプラグインを使ってるようですね。
この手の仕組みはソースを見れば判りますよ。

お礼

ありがとうございました。おかげ様で解決できました。