jQuery图像缩放插件zoom.js

所属分类:媒体-图像

 79689  363  查看评论 (20)
分享到微信朋友圈
X
jQuery图像缩放插件zoom.js ie兼容10

使用方法

1,将 zoom.js 和 zoom.css 文件链接到您的网站或应用程序。

<linkhref="css/zoom.css"rel="stylesheet">
<scriptsrc="js/zoom.js"></script>

2,zoom.js依赖于transition.js文件,所以一定要调用。

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

3,添加一个数据操作="zoom"属性到你想要缩放的图像。例如┱

<img src="img/blog_post_featured.png" data-action="zoom">


相关插件-图像

基于HTML5 Canvas实现的图片马赛克模糊特效

基于HTML5 Canvas实现的图片马赛克模糊特效
  图像
 29956  306

canvas图片+文字合成

canvas图片+文字合成,实现照片合成效果,界面有点丑但是功能OK的。
  图像
 47310  362

可视化的交互图形库Cytoscape.js

Cytoscape.js ? 用于数据分析和可视化的交互图形库
  图像
 53943  343

svgmap地图

svgmap实现中国地图。
  图像
 61466  492

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

    王子不是我 0
    2019/4/30 17:01:19
    君に届け 0
    2018/8/9 14:46:13
    图片放大的背景透明度怎么设置
        一将功成万骨枯1
        2019/9/5 15:04:03
        兄弟,这回儿你八成用不到了,但是我还是说一下我找的吧.
        在放大之后直接把前一个页面盖住了,只要设置zoom.css的倒数第五行
        .zoom-overlay-open .zoom-overlay里面那个opacity,他写的是1,我改成0.1就可以了,
        opacity控制它的不透明度,值在0~1之间
    回复
    855. 0
    2018/4/26 17:08:00
    点击图片如何阻止事件冒泡啊 回复
    静い逆づ风 0
    2018/1/26 13:33:25

    小巧简单,好用,就喜欢这样的

    回复
    The Wind Rises 0
    2017/12/28 17:52:54

    想问问 如果我改成a标签点击展现大图,能行吗?

    回复
    广木玉立 0
    2017/12/13 14:42:34

    为什么网页可以,在手机APP上就不能缩放呢,求解

    回复
    再无此人 0
    2017/10/24 14:11:14

    还能放的更大吗?

    回复
    遥不可及?☆ 0
    2017/9/14 14:58:20

    怎么我的弹出的是全屏的,怎么修改

    回复
    tanloon 0
    2017/9/13 15:44:02

    要是周围能加上灰色的背景就更好了

    回复
    阳光鱼' 0
    2017/9/13 11:37:47

    图片弹出后并没有放大?

        南眼??0
        2020/10/12 10:43:10
        是你原图太小
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复