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

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

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

使用方法

引入preview.js

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

html代码

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

完成。简单方便!

相关插件-图片展示

焦点效果

类似于百叶窗的效果
  图片展示
 34587  362

在圆点上不断滑动鼠标看看效果

图片以圆点显示,随着鼠标的滑动,圆点的尺寸越来越小,图片越来越清晰
  图片展示
 31411  449

立体图片展示

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

jQuery仿京东商品放大镜

jQuery重写仿京东商品放大镜,使用更简单
  图片展示
 45517  540

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