我正在使用jCarousel,我想在特定的屏幕宽度处将配置为垂直的旋转木马切换为水平。我在页面加载时的主要代码是
$(document).ready(function () {
var lCarousel = $('.jcarouselLarge').jcarousel({
// Configuration goes here
wrap: 'circular',
animation: 'slow'
})
var sCarousel = $('.jcarouselSmall').jcarousel({
// Configuration goes here
wrap: 'circular',
vertical: true,
animation: 'slow'
})
$('.jcarouselSmall').jcarouselAutoscroll({
interval: 6000,
target: '+=1',
autostart: true,
carousel: sCarousel
})
$('.jcarouselLarge').jcarouselAutoscroll({
interval: 6000,
target: '+=1',
autostart: true,
carousel: lCarousel
})
;
然后我试图调用
if ($(window).width() <= 990) {
$('.jcarouselSmall').jcarousel({
vertical: false
});
}
我尝试了各种方法,但似乎没有一种方法适合我。重新加载后是否需要设置垂直?上面的代码似乎阻止了旋转木马一起工作。我知道旋转木马可以根据尺寸检测工具垂直滚动,这是否会干扰我的设置?
谢谢,
阿曼达
答案 0 :(得分:-1)
认为您可能需要先破坏旋转木马然后再切换到垂直
编辑添加你需要增加轮播的容器宽度,它应该从垂直切换到水平