javascript - js轮播图参数自适应参数的问题?
巴扎黑
巴扎黑 2017-04-10 17:47:33
[JavaScript讨论组]

(可以有偿,希望20左右)
 已经纠结很久了,这样写当条件不成立,不刷新时 轮不图不能执行显示3个
 目前方案是宽度改变的时候,让他刷新页面实现的。。。
  var dWidth = $("body").width();
 function flexFun() {  
 if (dWidth < 1900) {
     //下面的轮播图是用的第三方的一个插件
     //轮播图显示2张图片
     jQuery(".m-product-items-list-slice").slide({ vis: 2 });

 } else {
          //轮播图显示3张图片
     jQuery(".m-product-items-list-slice").slide({ vis: 3 });
 }}
 flexFun();
 $(window).resize(function(){
  flexFun()
 });
巴扎黑
巴扎黑

全部回复(2)
伊谢尔伦

没懂你是什么意思,但是感觉像是轮播图需要根据浏览器窗口大小的改变进行一些变化,可以使用resize事件,具体写法:

window.onresize = function () {
    var dWidth = document.body.clientWidth; 
}

额,这个问题修改的也是醉了,你在你的resize事件内获取你的dWdith

PHP中文网

不刷新时监听浏览器状态用
$(window).resize(function(){

//function()

});

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号