首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jcarousel汽车循环/转弯

jcarousel汽车循环/转弯
EN

Stack Overflow用户
提问于 2013-05-18 21:44:39
回答 1查看 537关注 0票数 0

我用jCarousel做了一些这样的事情:有自动旋转的旋转木马,但我做不到。

我创建了一个custom.js文件来添加所有的js。对于jCarousel部分,我使用了以下代码:

代码语言:javascript
复制
$(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');
        }
    });

});

我也试过:

代码语言:javascript
复制
var carousel = $('.mycarousel');
$(carousel).jcarousel({
    auto:2,
    scroll:1,
    wrap: 'last'
});

或者wrap: 'circular',但这也不起作用。

谢谢你的帮助!

EN

回答 1

Stack Overflow用户

发布于 2013-09-16 10:42:58

试试这个:

代码语言:javascript
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16629278

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档