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