jQuery移动端图片查看插件photoswipe.js

所属分类:媒体-图片展示

 2531  17  查看评论 (7)
jQuery移动端图片查看插件photoswipe.js ie兼容8

使用方法

1.class='pswp'的div需要直接放在页面中。

2.根据自己最外层div的类名来定义属性(如id='imgshow')

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

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

相关插件-图片展示

jQuery背景墙聚光灯效果代码

jQuery背景墙聚光灯效果代码
  图片展示
 10936  45

jQuery移动端图片查看插件photoswipe.js

实现了移动端图片查看缩放,左右切换效果
  图片展示
 2532  17

立体图片展示

图片随鼠标转向
  图片展示
 11511  160

javascript动感相册

javascript实现动感相册,放大缩小,不依赖其它库
  图片展示
 15633  71

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币

    Moyi 0
    2018/4/16 10:24:07
    {{ 灰涩星 }} 0
    2018/4/11 11:18:13
    怎么都要jq才能下载
        淘宝18coupon0
        2018/4/11 11:28:09
        这个吧,是系统设置的,连续在线签到就可以每天有1jq币
    回复
    . 0
    2018/4/9 12:35:04
    大神你好,后台返回的图片是https开头的,例如:http://www.jq22.com/123456.jpg,如果放到a标签里,点击后会跳转页面,这个有考虑
        淘宝18coupon0
        2018/4/11 11:00:18
        跳转之后打开图片出现报错了吗?
        挽你手0
        2018/4/16 18:05:47
        您好 我这里报错了 微信浏览器提示 链接有虚假红包内容
        淘宝18coupon0
        2018/4/17 9:28:08
        我用微信打开没有提示
    回复
取消回复