Question

我正在使用Cycle Slider Carousel（http://jquery.malsup.com/cycle2/demo/carousel.php），根据屏幕尺寸，我必须从5更改为3，然后显示1张幻灯片（轮播可见选项）。

我知道如何在低于阈值时观察页面的宽度以触发更改它的功能，但是我可以调用哪个函数来更改显示的幻灯片数量？

Answer 1

$(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'});
         }
     }
 }

享受：）

启动后是否可以从循环滑块更改元素？

1 个答案: