こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

jQuery Cycle Plugin のナビ

img01.jpg~03.jpgをフェードインフェードアウトで繰り返し表示しているのですが
ここに手動追加?でナビゲーションを付けたいです。
#navi 部分のbutton02.jpg にマウスオーバーで img02.jpgを
button03.jpg にマウスオーバーで img03.jpgを フェードイン。
マウスアウトでフェードアウトさせて、そこからまた自動でローテーション。
という事をやりたいのですが、自力ではできませんでした。
ご教授の程、よろしくお願いいたします。

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery.cycle.min.js"></script>
<script type='text/javascript'>
$(document).ready(function() {
$('div#main').cycle({
fx:'fade',
speed:500,
timeout:4000
});
});
</script>

<div id="main">
<img src="img/img01.jpg" />
<img src="img/img02.jpg" />
<img src="img/img03.jpg" />
</div>

<div id="navi">
<ul>
<li><a href="#"><img src="img/button02.jpg" /></a></li>
<li><a href="#"><img src="img/button03.jpg" /></a></li>
</ul>
</div>

投稿日時 - 2011-04-25 22:56:43

QNo.6694105

すぐに回答ほしいです

質問者が選んだベストアンサー

こっち使った方が速そう。
http://jqueryglobe.com/labs/feature_list/

投稿日時 - 2011-04-26 03:00:00

お礼

アドバイスありがとうございます。

おお、これよさそうですね。
マウスオーバーで反応させたいのと、01、02、03で01のボタンは非表示にしたいので
セットにしなくても動くのか確認してみます。

ありがとうございます。

投稿日時 - 2011-04-26 12:50:14

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問