首页 > 特效插件 > 滚动轮播 >  基于jQuery的响应式图片预览插件-photoswipe.js正文

基于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
下载 提取码/密码:e6mb(点击复制密码) 预览