我爱模板网 > 特效插件 > 滚动轮播 >  基于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(点击复制密码) 预览
上一篇:基于Aui-core和css3实现倒影效果立体图片走马灯旋转特效 下一篇:没有了
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢