原生js图片查看插件(原创)

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

 34919  348  查看评论 (9)
分享到微信朋友圈
X
原生js图片查看插件(原创) ie兼容9

使用方法

引入preview.js

<script src="./preview.js"></script>

html代码

<div id="wrap">
      <img src="./data/png1.png" alt="" />
</div>

完成。简单方便!

相关插件-图片展示

jQuery点击图片预览并显示详情

jQuery点击图片预览并显示详情,加入购物车,适合简单的商城系统
  图片展示
 52897  699

jQuery鼠标滚轮放大缩小查看图片(原创)

使用jquery实现点击放大图片之后,使用鼠标滚轮放大缩小图片,点击遮罩关闭图片
  图片展示
 63751  380

jQuery支持图片放大缩小查看效果

e-smart-zoom-jquery.js插件页面上提供了两个按钮,可以让你的图片点击放大或者缩小当然,对于懒人来说,真是懒得点击那么你可以将鼠标悬停在图片上,滚动鼠标滚轮即可实现图片的放大或者缩小效果
  图片展示
 184049  565

鼠标划过图片放大效果

一般用于展示类,鼠标滑过,图片放大,焦点图
  图片展示
 50287  480

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

    牛奶咖啡 0
    2023/7/14 16:22:23
    赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞👍 回复
    太极凌云 0
    2020/9/3 20:56:06
    我的结构的图片的上一层都了一个p 回复
    太极凌云 0
    2020/9/3 20:36:09
    为什么我点击,下面那个盒子没有获取到图片??? 回复
    夜神月 0
    2020/6/9 10:10:06
    幽昕 0
    2020/4/29 9:56:50
    很好用赞赞赞! 回复
    李小刚 0
    2019/6/17 14:18:44
    那只是过去... 0
    2019/4/18 16:11:31
    我想问下,怎么阻止body的滚动事件 回复
    junyi5d 0
    2019/3/4 17:43:37
    关闭按钮可以放在最上层 回复
    ? 0
    2019/2/25 9:39:22
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复