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>

No.1 ベストアンサー 回答者： reggaepunc 回答日時： 2011/04/26 03:00

こっち使った方が速そう。

http://jqueryglobe.com/labs/feature_list/

この回答へのお礼

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

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

ありがとうございます。

お礼日時：2011/04/26 12:50