特效介绍

photoswipe.js是一款类似于Viewer.js的基于jQuery的图片查看器插件,点击图片后放大,支持上一张、下一张,能够配置右上角分享功能,支持键盘左右键切换,支持显示大标题,并且完美兼容手机端,支持手指触摸操作。总之,还是非常不错的。
使用方法
1、将下载的压缩包中,class='pswp'的div需要直接放在页面中。2、根据自己最外层div的类名来定义属性(如id='imgshow')
1 | initPhotoSwipeFromDOM( '#imgshow' ); |
2 | $( "#imgshow>figure>div" ).each( function (){ |
3 | var img = new Image(); |
4 | $( this ).height($( this ).width()); |
5 | }); |
更多实用方法,详见photoswipe.js官网:https://photoswipe.com