jQuery图片放大预览插件

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

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

此时就可以使用了。

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

js 3D图片旋转

原生js 3D图片旋转插件
  图片展示
 35564  348

立体图片展示

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

HTML5/CSS3超酷焦点图特效

焦点图插件切换效果比较简单,但是外观和功能却十分强大。该CSS3焦点图在切换图片时,图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮,是一款非常实用HTML5/CSS3焦点图应用。
  图片展示
 33069  306

jQuery图片放大、缩小、旋转

jQuery图片旋转插件jQuery.artZoom修改版
  图片展示
 52161  309

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