photoSwiper图片自适应
来源:互联网 发布:有什么好玩的游戏知乎 编辑:程序博客网 时间:2024/06/08 01:50
用过photoswipe做移动端图片预览的小伙伴都知道,这个插件存在一个data-size,必须要填写,但是如果你的图片尺寸比例不是固定的,那这个属性就会带来无尽的烦恼,我个人在使用jQuery时,发现一种解决办法
window.onload=function(){
auto_data_size();
};
function auto_data_size(){
var imgss= $("figure img");
$("figure img").each(function() {
var imgs = new Image();
imgs.src=$(this).attr("src");
var w = imgs.width,
h =imgs.height;
$(this).parent("a").attr("data-size","").attr("data-size",w+"x"+h);
})
};
阅读全文
0 0
- photoSwiper图片自适应
- 图片预览缩放之PhotoSwiper
- 图片自适应
- 自适应图片
- 图片自适应
- 图片自适应
- 图片自适应
- 图片自适应
- 图片自适应
- 图片自适应大小
- 图片等比例自适应
- 图片自适应大小
- 景图片自适应大小
- 图片自适应大小
- 图片100%自适应边框
- dev 图片自适应 PictureEdit
- flex 图片自适应
- 图片自适应大小
- 百度地图 之 定位
- pdf.js可以实现在html下直接浏览pdf文档
- Web容器之Listener初始化顺序
- C语言读取及修改简单配置文件内容
- 2 分钟读懂大数据框架 Hadoop 和 Spark 的异同
- photoSwiper图片自适应
- 利用单例模式,解决toast重复弹出的问题
- PHP PHPExcel导入excel表格订单
- 【nRF51822学习教程】SDK框架分析
- gulp sass安装步骤
- SectionOne iOS_Animations_by_Tutorials
- Web容器之Listener初始化顺序
- centos7 lnmp部署
- 获取res/drawable目录下的图片Uri