我可以用cycle（）做到这一点吗？

Question

我有this代码：

HTML

<div class='myDiv'>1</div>
<div class='myDiv'>2</div>
<div class='myDiv'>3</div>
<div class='myDiv' style='display:none'>4</div>
<div class='myDiv' style='display:none'>5</div>

CSS

.myDiv
{
    width:50px;
    height:50px;
    line-height:50px;
    border:2px solid #000000;
    float:left;
    text-align:center;
    margin-right:10px;
}

的jQuery

$('#myButton').click(function () {

});

我希望，当我点击MOVE时，向左滑动div myDiv。

因此，如果开头为1 2 3，则点击MOVE它必须变为2 3 4，而不是3 4 5和儿子。

我想使用.cycle()插件执行此操作，但我不知道是否可以使用它设置scroll-window。

有可能吗？或者我需要实现自己的jQuery / JS函数？ （使用fade/slide effect，将是一项艰苦的工作。）

Answer 1

您可以将carousel lite与 滚动 设置为1 可见 设置为3

http://www.gmarwaha.com/jquery/jcarousellite/#doc

Answer 2

WORKING DEMO

$(document).ready(function() {
    var galW = $('#gallery').width(),
        my = $('.mydivs').length, // 3
        mD = $('.myDiv').length,  // 6
        c = 1;

    $('#slider').width(galW * my);

    function a() {
        $('#slider').animate({left: '-='+(galW/3)}, 800);
    }

    $('.btn').click(function() {
        c++;
        if(c===(mD-1)){
            $('#slider').animate({left:0}, 800);
            c=1; return;
        }
        a();
    });
});

或者如果您需要 - 使用PREV和NEXT按钮：

WORKING DEMO 2

（您可以找到基本教程HERE）

快乐的编码！