PhotoSwipe手机端图片弹出显示插件【使用笔记】

官网:https://photoswipe.com/

创新互联主要从事成都网站设计、做网站、成都外贸网站建设公司、网页设计、企业做网站、公司建网站等业务。立足成都服务浑南,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

代码下载地址:
http://down.51cto.com/data/2303672

PhotoSwipe手机端图片弹出显示插件【使用笔记】

特别注意:使用的时候会报错:

在移动端开发时使用photoswipe插件报错 Uncaught TypeError: Cannot read property 'x' of undefined

解决办法:

https://www.cnblogs.com/zxlshare/p/6472418.html

        //处理:photoswipe插件报错 Uncaught TypeError: Cannot read property 'x' of undefined
        function setpic() {
            $(".demo-gallery img").each(function () {
                var imgs = new Image();
                imgs.src = $(this).attr("src");
                var w = imgs.width * 10, h = imgs.height * 10;
                $(this).parent("a").attr("data-size", "").attr("data-size", w + "x" + h);
            })
        }

网页名称:PhotoSwipe手机端图片弹出显示插件【使用笔记】
网页链接:http://hbruida.cn/article/gecghd.html