响应式，窗口变化，执行代码

最新推荐文章于 2020-04-07 15:35:43 发布

转载最新推荐文章于 2020-04-07 15:35:43 发布 · 113 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ghfjj/p/6743260.html

本文介绍了一种使用Owl Carousel插件实现响应式图片轮播的方法，具体包括根据不同屏幕尺寸调整显示的图片数量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1  $(window).resize(function(event) {
 2            /* Act on the event */
 3            if($(window).width()<1200){
 4                $('.info_imgscroll .bigimgbox').owlCarousel({
 5                    'itemsDesktop':[1199,1],
 6                    'itemsDesktopSmall':[979,1],
 7                    'itemsTablet':[768,1],
 8                    'itemsMobile':[479,1]
 9                });
10            }
11        });
12        if($(window).width()<1200){
13                $('.info_imgscroll .bigimgbox').owlCarousel({
14                    'itemsDesktop':[1199,1],
15                    'itemsDesktopSmall':[979,1],
16                    'itemsTablet':[768,1],
17                    'itemsMobile':[479,1]
18                })
19            }