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

jquery循环插件，缩略图可滚动

1 个答案: