jQuery图片放大预览插件

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

 34189  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()

此时就可以使用了。

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

jquery3D旋转相册

jquery3D旋转相册
  图片展示
 63014  504

jquery 360度旋转插件UIMIX.fullview

360度旋转图片展示jquery插件UIMIX.fullview
  图片展示
 47204  374

jQuery的图片浏览插件Zoomimage

该jQuery插件能够让以当前流行的方式来展示图片。提供:预加载图片提示,对图片进行分组,自动调整图片显示比例,图片分组浏览控制。
  图片展示
 55992  354

立体图片展示

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

讨论这个项目(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
        嗯嗯
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复