0

私はそのようなことをするためにjCarouselを使用しました: 自動スクロールを 伴うカルーセルですが、できませんでした。

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'しかし、それもうまくいきませんでした。

助けてくれてありがとう！

4

1 に答える 1

0

これを試して：

<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>
于 2013-09-16T10:42:58.120 に答える