特效介绍
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