jQuery的循環插件與縮略圖可滾動

Question

我想整合循環jQuery插件在我的應用程序，但我需要使縮略圖滾動從左側和右側。有沒有辦法配置縮略圖的滾動方向？

Answer 1

這裏是一個的jsfiddle向左滾動 http://jsfiddle.net/fUNnJ/

這裏是HTML

<div class="slideshow"> 
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" /> 
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" /> 
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" /> 
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" width="200" height="200" /> 
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" width="200" height="200" /> 
</div> 

的JS

$(document).ready(function() { 
    $('.slideshow').cycle({ 
     fx: 'scrollLeft' 
    }); 
}); 

，或者您可以使用它來向右滾動。

$(document).ready(function() { 
    $('.slideshow').cycle({ 
     fx: 'scrollRight' 
    }); 
}); 

去這裏的所有過渡http://jquery.malsup.com/cycle/begin.html