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>

A 回答 (1件)

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


http://jqueryglobe.com/labs/feature_list/
    • good
    • 0
この回答へのお礼

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

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

ありがとうございます。

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

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


人気Q&Aランキング