jQuery图像缩放插件zoom.js

所属分类:媒体-图像

 13424  51  查看评论 (9)
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">


相关插件-图像

jQuery创建缩略图插件jQThumb

jqthumb是一个jQuery插件用来按比例创建图像的缩略图,在旧的浏览器替代缩略图背景大小。它可以在jQuery V1.3 IE6以上工作。
  图像
 15030  24

100多个纯CSS3动画图标DEMO演示

100多个纯CSS3动画图标DEMO演示
  图像
 15721  122

鼠标图片放大插件-JQUERY ZOOM

jQuery Zoom是一款可以让我们将鼠标移动到图片上或者点击图片移动放大的插件。
  图像
 24026  53

js获得canvas中指定像素点的颜色

插件可以获得canvas中指定位置像素点的颜色,支持返回多种格式的颜色
  图像
 11147  34

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

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

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

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

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

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

    图片弹出后并没有放大?

    回复
    づLA_Mr.Bryant 0
    2017/7/24 16:20:41
    用起来简单轻便,不需要太多操作,才称得上一款好插件! 回复
    Superion 0
    2017/7/14 16:03:33

    对竖着图片的支持不太好

    回复
    爱十口 0
    2017/7/13 17:46:03

    点击几次之后会有报错

    回复
    xwj-vic 0
    2016/12/23 20:12:24

    transition.js在哪里?文件中找不到啊

        王一刀0
        2017/6/21 15:13:02

        这个能用吗

    回复
    锅盔 0
    2016/9/5 10:09:44
    ..如此简单小巧.... 回复
取消回复