6枚あるバナーが順番に表示されていき、その横にある小さい画像に触れると
そのバナーに戻るみたいな、ライブラリーが作りたいのですが。
説明するのが難しいので、
http://www.selecsonic.com/selecsonic/top/index.jsp
こちらの参考サイトのトップページのイメージバナーを見て下さい。

これとまったく同じものが作りたいのです。

jqueryだと思いますが、どれを使ったいいのかわかりません。
それとも自作になるのでしょうか?

宜しくお願い致します。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

#1です。



>大きい画像は自動再生されないみたいですが…

オプションで自動再生もあるみたいです。
対象部分の見え方が違いますが…
 http://flowplayer.org/tools/demos/scrollable/plu …

(↑)の部分は、ボタンを押すと自動再生、その一つ下の例では最初から環状につなげて自動再生になっていませんか?
制御部分だけは作成しなければならないでしょうが、APIが用意されているので、0から作成するのに比べれば遥かに簡単かと。
    • good
    • 0
この回答へのお礼

ありがとうございます。
2つを組み合わせですね。

正直知識があまりないもので、素人でも組み立てられるかちょっと…^^;

お礼日時:2011/04/14 09:05

上の方のスクロールするナビ部分のことですよんね?




ご提示のサイトではjquery.toolsを使用しているようなので、それを利用しているのかと思いましたけれども、どうやらそれは別のところで使っているようで、mainImage.jsにほとんどの処理が記述されているみたい。(ちゃんと見てませんが)
とりあえず、そのあたりのソースコードがご参考になるかと…


最初に上げたjquery.toolsでもほぼ似たようなことが可能だと思いますが…(確認してませんが)
jquery.toolsのデモ
 http://flowplayer.org/tools/demos/scrollable/sit …

ご提示のサイトでは、サムネールにマウスオーバーでメイン画像が横スクロールに対して、
(↑)のデモではサムネールをクリックするとメインの画像が縦スクロールします。
縦/横、マウスオーバー/クリックの違いはありますがほとんど同じ処理といえます。
スクロール方向はライブラリのオプションで制御できるようですので、イベントのトリガー部分だけセットすることで同様のことができそうに思えます。
 http://flowplayer.org/tools/scrollable/index.htm …
    • good
    • 0
この回答へのお礼

ありがとうございます!
確かにこれはかなり近いですね。
大きい画像は自動再生されないみたいですが…

あと配置はCSS次第ですかね。

お礼日時:2011/04/13 16:21

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング

おすすめ情報