2013-05-18 78 views
0

我用jCarousel做了這樣的事情: Carousel with autoscrolling但我不能。jcarousel auto cycle/turn

我創建了一個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',但沒有正常工作。

謝謝你的幫助!

回答

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>