我使用的是Cycle Slider Carousel (http://jquery.malsup.com/cycle2/demo/carousel.php),根据屏幕大小的不同,我必须从5更改为3,然后显示1张幻灯片( carousel-visible选项)。
我知道如何通过查看页面宽度来触发函数在低于阈值时更改它,但是我可以调用什么函数来更改所显示的幻灯片数量呢?
发布于 2016-08-09 00:25:29
$(window).resize(function () {
onResize();
});
$(window).load(function () {
onResize();
});
function onResize() {
if ($('body').outerWidth() < 640) {
$('.slideshow').attr({'data-cycle-carousel-visible': 'number of element you want to show'});
} else {
if ($('body').outerWidth() > 640 && $('body').outerWidth() < 1024) {
$('.slideshow').attr({'data-cycle-carousel-visible': 'number of element you want to show'});
} else {
$('.slideshow').attr({'data-cycle-carousel-visible': 'number of element you want to show'});
}
}
}享受:)
https://stackoverflow.com/questions/38834036
复制相似问题