Question

我使用jCarousel做了类似的事情： Carousel with autoscrolling但我不能。

我创建了一个custom.js文件来添加我的所有js。对于 jCarousel 部分，我使用了这段代码：

$(function() {

    $.fn.startCarousel = function() {
        var bodywidth = $('body').width(),
            itemwidth = $('.mycarousel li').outerWidth(true),       
            mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth%itemwidth : itemwidth,
            licount = $('.mycarousel li').size(),
            jscroll = 1;

        if(licount > mycontwidth/itemwidth){
            jscroll =  mycontwidth/itemwidth;
        } else {
            jscroll = 0;
            mycontwidth = licount * itemwidth;
        }

        $('.mycont').width(mycontwidth);

        $('.mycarousel').jcarousel({
            scroll:jscroll
        });
    };

    $(this).startCarousel();

    $(window).resize(function(){
        $(this).startCarousel();
    }); 
    var carousel = $('.mycarousel');
    $(carousel).jcarousel({
        scroll:1,
        wrap: 'circular'
    });

    carousel.touchwipe({
        wipeLeft: function() {
            carousel.jcarousel('next');
        },
        wipeRight: function() {
            carousel.jcarousel('prev');
        }
    });

});

我也尝试过：

var carousel = $('.mycarousel');
$(carousel).jcarousel({
    auto:2,
    scroll:1,
    wrap: 'last'
});

或wrap: 'circular'，但效果不佳。

感谢您的帮助！

Answer 1

试试这个：

<script>


$(function() {
    $("#carouselContainerIDhere").jCarouselLite({
        btnNext: "#carouselContainerIDhere .next",
        btnPrev: "#carouselContainerIDhere .prev",
        speed: 500,
        auto: boo
    });    
});
var boo = "true";
if($content.boo.value)
    boo = $content.boo.value;
</script>

jcarousel自动循环/转

1 个答案: