我用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',但这也不起作用。
谢谢你的帮助!
发布于 2013-09-16 10:42:58
试试这个:
<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>https://stackoverflow.com/questions/16629278
复制相似问题