基于jQuery的响应式图片预览插件-photoswipe.js

photoswipe.js是一款类似于Viewer.js的基于jQuery的图片查看器插件，点击图片后放大，支持上一张、下一张，能够配置右上角分享功能，支持键盘左右键切换，支持显示大标题，并且完美兼容手机端，支持手指触摸操作。总之，还是非常不错的。
1、将下载的压缩包中，class='pswp'的div需要直接放在页面中。

2、根据自己最外层div的类名来定义属性（如id='imgshow'）

initPhotoSwipeFromDOM('#imgshow');
$("#imgshow>figure>div").each(function(){
    var img = new Image();
    $(this).height($(this).width());
});

3、根据自己从后台获取图片的大小，来计算出a标签里data-size的值，再赋值进去

更多实用方法，详见photoswipe.js官网：https://photoswipe.com


部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！