jQueryスライドプラグイン

jQueryスライドプラグイン

FLASHを使用せずにjQueryのプラグインで以下のような表現は可能でしょうか？
http://www.starcat.co.jp/

以下が実現したいです。
・メイン画像がフェードまたは、スライドで切り替わる
・メイン画像クリックで別のページへリンク
・サムネイルクリックでメイン画像が切り替わる
・ランダムで表示できる
・自動で遷移する。

No.2 回答者： yui-magic 回答日時： 2010/10/18 20:06

一つずつお答えします。

[]でくくってあるものはjQueryのメソッドやイベントです。


・メイン画像がフェードまたは、スライドで切り替わる
→フェードは[fadeIn][fadeOut]スライドならば[slideUp][slideDown][slideToggle]または、[animate]を使う。
※「http://www.starcat.co.jp/」このサイトのようなことがやりたいのであれば、
[animate]です。


・メイン画像クリックで別のページへリンク
→普通にHTMLで<a href="リンク先のURL"><img src="表示させたい画像のURL"></a>ではだめなのでしょうか？

jQueryでやりたいのならば[click]イベントを受け取って
「location.href="別ページURL"」
を使う。


・サムネイルクリックでメイン画像が切り替わる
→上と同じ感じで、[click]イベントで行う処理の中でメイン画像のimgタグのsrcの値を[attr]で書き換える。メイン画像を背景として扱うなら[css]で書き換える。


・ランダムで表示できる
→表示するものを配列に入れておいて乱数を使ってランダムに取り出す。


・自動で遷移する。
→何が自動遷移するのでしょうか？


ちなみに、どれもプラグインは使わずにできます。

No.1 回答者： fujillin 回答日時： 2010/03/01 17:49

回答がないみたいなので…

jqueryはよく知りませんが、javascriptで可能と思われます。
ご希望の項目のうちの『・自動で遷移する。』は意味がわからないので、それ以外のものについて簡単な例で実験してみたところ可能でした。

ただし、ご質問はjqueryのプラグインということですので、丁度そのような機能のプラグインがあるのかないのかまでは存じません。