jQuery图片放大预览插件

所属分类:媒体,UI-图片展示,弹出层

 29828  241  查看评论 (5)
分享到微信朋友圈
X
jQuery图片放大预览插件 ie兼容10

更新时间:2019/7/15 下午2:44:04

更新说明:之前区分是pc还是手机端访问是通过网址加参数进行判断,现在改成js自动判断,无需再网址上添加参数了,直接访问index.html页面即可。


使用介绍

首页默认只支持手机端访问,然后通过在网址传入?ict=2,可以支持web端访问,有需要默认支持web的同学,可以自行添加验证代码。手机访问支持左右滑动,web访问,通过点击页面上的切换箭头进行切换图片。

步骤1:调用之前,在每张照片上添加“data-preview-src”属性, 示例如:

<img src="./images/1.jpg" data-preview-src="" />

步骤2:在页面初始化完成后添加 插件初始化方法:

window.PreviewPhoto()

此时就可以使用了。

相关插件-图片展示,弹出层

jQuery全屏图片轮播插件fullpage.js

jQuery全屏图片轮播插件fullpage.js
  图片展示
 61769  396

立体图片展示

图片随鼠标转向
  图片展示
 34329  482

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

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

javascript动感相册

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

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    不解释 。不悲伤 0
    2020/8/4 10:34:25
    请问,一个页面有多个地方要使用图片放大预览,并且互不影响,怎样来区分? 回复
    果冻叮当猫 0
    2019/9/3 10:39:53
    先试试效果怎么样
        ミ╊苏苏。0
        2021/1/17 20:09:26
        好用吗
    回复
    ―ㄋ才过1/3人生?の 0
    2019/8/4 22:23:11
    可惜不支持IE9
        @@@@@@@@@@@0
        2019/11/5 12:46:29
        嗯嗯
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复