用Phpcms做企业网站的时候用轮播图插件Owl Carousel做了轮播图展示产品，怎么判断手机上不调用Owl Carousel？

轮播图切换屏幕宽度

用Phpcms做的企业网站，首页模板里边用轮播图插件Owl Carousel做了轮播图展示产品，响应式的网页，怎么判断手机上不调用Owl Carousel？或者怎么根据屏幕宽度来区分调用？

2022-11-08 13:46 0 条评论分享

站外

邮件

1 个回复

CMSYOU - CMS企业网站定制专家

赞同来自:

Owl Carousel是可以控制不同屏幕显示不同个数的，示范代码：

$('.pdshow').owlCarousel({

    smartSpeed: 1000,  //滚动带度

        nav: true, //是还需要导行

        loop:true, //是还循环播放

        navText: ['<span class="iconfont icon-left-2 owl-prev">','</span><span class="iconfont icon-right-2 owl-prev"></span>'],  //左右箭头代码

        responsive: { //跟距屏幕，选择显示多少个视图

            0: {

                items: 2

            },

            450: {

                items: 3

            },

            768: {

                items: 3

            },

            1000: {

                items: 4

            },

            1200: {

                items: 4

            }

        }

});

如果需要手机上不调用Owl Carousel，可以通过css来判断，设置为display:none;

2022-11-21 23:09 0 条评论

要回复问题请先登录或注册

问题状态

最新活动：2022-11-21 23:09

浏览：812 次

关注：1 人

CMS企业模板|CMS模板|CMS网站定制|CMS模板下载

CMSYOU互助问答社区

用Phpcms做企业网站的时候用轮播图插件Owl Carousel做了轮播图展示产品，怎么判断手机上不调用Owl Carousel？

1 个回复

为什么被折叠？0 个回复被折叠

相关问题

问题状态