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'
,但沒有正常工作。
謝謝你的幫助!