博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js swipe 图片滑动控件实现 任意尺寸适用任意屏幕
阅读量:6647 次
发布时间:2019-06-25

本文共 2685 字,大约阅读时间需要 8 分钟。

http://www.swiper.com.cn/

http://www.idangero.us/swiper/demos/

解决问题点:

1.先得到图片真实的宽高, 根据真实宽高 等比例

2.调用的控件 宽高的计算 其实是 获取  .swiper-container 样式的宽和高,所以此样式的宽高要设定好。

宽100%   高 则根据 真实图片的 比例来 

72     $(".swiper-container").css("height",$(".swiper-container").width()/imageRealWidth*imageRealHeight);                                                                         3.再采用cookie 技术 否则每次加载 页面都new Image 从性能角度考虑 更优

 

1   2   3   4 
5
6
7
8
9
10 47 48 倍赚宝首页 49 50
51 52 53 54 55 56 104 105 106 107 108
109
110
111
124
125
126
127
128
129
130
131
132
133 134
135 136
137
138
leverageStock
139
leverageNew
140
141

142 143 why choose this144 145

146
161
162 163 164 165 166

 

转载地址:http://kputo.baihongyu.com/

你可能感兴趣的文章
centos7中编译安装nodejs_Docker(一)CentOS7中安装Docker视频教程
查看>>
ug装配绕轴旋转_UG模具设计培训就到新科教育
查看>>
服务器闪退_马洛斯服务器|高端玩家游戏建议
查看>>
linux7 udev eth,CENTOS 7 udev:renamed network interface eth0 to eth1 eno16777736
查看>>
五子棋对弈程序c语言,五子棋程序纯C语言版.doc
查看>>
c语言二维数组程序实例讲解,C语言二维数组的处理实例
查看>>
c语言程序报告函数关系描述,《C语言程序设计》实验报告
查看>>
c语言while(scanf =eof),while(scanf("%d",&n)!=EOF)
查看>>
计算机二级c语言编程题评分标准,计算机二级C语言题型和评分标准
查看>>
c语言自定义函写计算器,C语言实现计算器功能
查看>>
C语言猜电脑随机数源代码,c语言(随机数)的问题
查看>>
鸿蒙os相机,鸿蒙os有什么功能-有什么特殊之处
查看>>
微信html5图片裁切,微信小程序图片裁剪工具we-cropper
查看>>
小学生学计算机flash,利用Flash软件进行小学电脑绘画教学
查看>>
html form 与table,form和table的区别
查看>>
【原创】MySQL 模拟Oracle邻接模型树形处理
查看>>
SSD上如何进行数据保护?
查看>>
Verizon:2012年数据破坏调查报告
查看>>
今日你以老师为荣,明日老师以你为荣!
查看>>
华为交换机VRP用户界面配置及Telnet登录实验
查看>>