目標:要使用carouFredSel,建立滑塊具有相同的行爲,因爲這一個http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html用carouFredSel構建具有此要求的圖像滑塊?
說明:有5個縮略圖位於波紋管的主圖像。幻燈片應從第一個縮略圖開始,然後在一段時間後,必須選擇下一個縮略圖,然後是下一個和下一個。當它到達第5個縮略圖時,必須自動滾動到下5個縮略圖。當用戶將鼠標懸停在整個滑塊區域上時,必須停止所有動畫。
HTML:
<div style="width: 600px;">
<div id="slides-images">
<img src="http://placehold.it/600x300"/>
<img src="http://placehold.it/600x300"/>
<img src="http://placehold.it/600x300"/>
<img src="http://placehold.it/600x300"/>
<img src="http://placehold.it/600x300"/>
<img src="http://placehold.it/600x300"/>
<img src="http://placehold.it/600x300"/>
<img src="http://placehold.it/600x300"/>
<img src="http://placehold.it/600x300"/>
<img src="http://placehold.it/600x300"/>
</div>
<div id="slides-thumbs" class="clearfix">
<div><img src="http://placehold.it/110x80" /></div>
<div><img src="http://placehold.it/110x80" /></div>
<div><img src="http://placehold.it/110x80" /></div>
<div><img src="http://placehold.it/110x80" /></div>
<div><img src="http://placehold.it/110x80" /></div>
<div><img src="http://placehold.it/110x80" /></div>
<div><img src="http://placehold.it/110x80" /></div>
<div><img src="http://placehold.it/110x80" /></div>
<div><img src="http://placehold.it/110x80" /></div>
<div><img src="http://placehold.it/110x80" /></div>
</div>
<a id="prev" href="#">Prev</a>
<a id="next" href="#">Next</a>
</div>
的jsfiddle:http://jsfiddle.net/hfMmk/1/
等待**問題:** – 2013-02-10 15:53:36
方式過於具體和本地化。 – Puppy 2013-02-10 15:55:48
:D好的。我的問題是如何建立它,因爲顯然我不知道:) – RhymeGuy 2013-02-10 15:57:26