JCarousel循环"no stop“

Question

是否可以将JCarousel配置为循环"no stop“？我希望将我的旋转木马配置为连续不断的圆周运动。而不会减速。

谢谢

Answer 1

要让它不断旋转，你应该能够设置自动：.1和动画:5000(或任何你想要的速度。下面是一个我花了很长时间才能正确使用的例子。它通过jQuery AJAX获取数据。

    var lis;  //Global variable holding the data.
    var myCarousel01;  //Global variable holding the carousel.

    $(document).ready(function () {
        updateData();

        $("#tableapp").ajaxStop(function () {  
                InitiateCarousels();
            }

            rebindCarousels();
        });

    });

    function updateData() {
        $.get('AjaxPages/ApplicationMonitor.aspx', function (data) {
            lis = $(data).find("li");
        });
    }

function InitiateCarousels() {
 jQuery('#mycarousel1').jcarousel({
   wrap: 'circular',
   auto:.1,   //Amount of time you want slide to stop in seconds
   animation:5000,   //Desired speed in milliseconds
   easing:"linear", //Prevents the slides from "slowing down"
   initCallback: myCarousel01_initCallback,
   itemFirstInCallback: myCarousel01_itemFirstInCallback
 });
});

function myCarousel01_initCallback(carousel, state) {
     if (state == "init") {
         myCarousel01 = carousel;  //Bind carousel to global variable so you can retrieve it later.
     }
}


    function rebindCarousels() {  //This function gets called after data is binded to the lis variable.  See: "ajaxStop" function above.
        //Rebind Carousel01
        myCarousel01.list.empty();
        $.each(lis, function (i, l) {
            myCarousel01.add(i + 1, l);
        });
        myCarousel01.size(lis.length);
    }

希望这对某些人有帮助。我花了一段时间才让它正常工作，我在这里做了一个粗略的复制/粘贴，所以可能需要进行一些调整。如果这有帮助，请将其标记为已回答。