图片放大镜-Cloud Zoom

2010年08月06日 18:21professorcloud.com 标签：jQuery 

Cloud Zoom是一个图像放大jQuery插件，效果堪比Magic Zoom。相对于流行jQZoom插件，Cloud Zoom体积小，有更多的功能和更强大的跨浏览器兼容性。

图片放大镜-Cloud Zoom
查看演示

特点

兼容大多数浏览器，（已经测试通过的浏览器有：IE6+, Firefox, Chrome, Opera, Safari）

易于集成的基本有效的HTML。

（精缩）脚本小，只有6Kb。

平滑变焦运动。

画廊模式。

着色，软聚焦和内变焦功能。

它是完全免费的。

使用方法

1、加载CSS：

<link href="/styles/cloud-zoom.css" type="text/css" rel="stylesheet" />

2、加载Javascript：

<script type="text/JavaScript" src="/js/jquery.1.4.2.min.js"></script>
<script type="text/JavaScript" src="/js/cloud-zoom.1.0.1.min.js"></script>

3、HTML代码：

<a href='/images/zoomengine/bigimage00.jpg' class='cloud-zoom-gallery' title='Thumbnail 1'
        rel="useZoom: 'zoom1', smallImage: '/images/zoomengine/smallimage.jpg' ">
<img src="/images/zoomengine/tinyimage.jpg" alt = "Thumbnail 1"/></a>
        
<a href='/images/zoomengine/bigimage01.jpg' class='cloud-zoom-gallery' title='Thumbnail 2'
        rel="useZoom: 'zoom1', smallImage: ' /images/zoomengine/smallimage-1.jpg'">
<img src="/images/zoomengine/tinyimage-1.jpg" alt = "Thumbnail 2"/></a>                  
        
<a href='/images/zoomengine/bigimage02.jpg' class='cloud-zoom-gallery' title='Thumbnail 3'
        rel="useZoom: 'zoom1', smallImage: '/images/zoomengine/smallimage-2.jpg' ">
<img src="/images/zoomengine/tinyimage-2.jpg" alt = "Thumbnail 3"/></a>

插件参数一览表

参数 描述 (from V1.0.0) 默认值
zoomWidth 设置缩放窗口的宽度，如果设置为"auto"则窗口宽度与小图片宽度相等。 'auto'
zoomHeight 设置缩放窗口的高度，如果设置为"auto"则窗口高度与小图片高度相等。 'auto'
position 指定缩放窗口相对于小图片的位置。允许的值是 'left', 'right', 'top', 'bottom', 'inside' ，也可以是专门一个HTML元素的ID放置例如窗口的缩放位置：'element1' 'right'
adjustX 允许你微调像素的缩放窗口的X位置。 0
adjustY 允许你微调像素的缩放窗口的Y位置。 0
tint 指定覆盖的小图片的颜色。颜色应指定十六进制格式，例如'＃aa00aa'。 false
tintOpacity 指定色彩的透明度，其中0是完全透明的，1是完全不透明。 0.5
lensOpacity 设置镜头鼠标指针的透明度，其中0是完全透明的，1是完全不透明。在色彩和软对焦模式，它将始终是透明的。 0.5
softFocus 适用于一种微妙的模糊效果来的小图片。设置为true或false。 false
smoothMove 形象的漂移缩放，数字越高，就越顺畅/更轻松进行漂移运动。 1 =不平滑。 3
showTitle 是否显示图片的标题. true
titleOpacity 指定是否显示标题不透明度，其中0是完全透明的，1是完全不透明。 0.5

本文由月光光译自professorcloud.com，原文地址http://www.professorcloud.com/mainsite/cloud-zoom.htm

共18条评论

  • afdfad
    afdfad

    电饭锅fadfafd

    2019年06月26日 16:42

  • [茶]

    2016年02月19日 11:04

  • 喜欢，就是不知道怎么下载

    2016年01月03日 13:24

  • [good][给力]

    2015年06月17日 14:59

  • 挺好用的谢谢

    2015年05月26日 18:22

  • Magic Zoom

    2015年05月08日 21:08

  • 要钱的么

    2015年05月08日 15:53

  • 哈哈 果然好东西

    2015年05月08日 00:24

  • 很炫！

    2014年10月31日 15:45

  • 有需要这个插件v3.1最新和谐版的，http://www.evilsec.com/cloud-zoom-v3-1-crack-notes.html 评论处留下邮箱和需要绑定的域名，无偿帮忙生成最新版的正版授权~

    2014年05月13日 12:51

  • 这个没有demo啊，这也不是免费的啊

    2013年07月26日 14:49

  • 商业网站是要钱的

    2013年04月23日 21:14

  • 直接右键查看源代码就可以了，就是不知道Ｖ３版本，如何破解，总是会有一个“Unlicensed Cloud Zoom”未注册的警告。

    2013年04月03日 14:43

  • 我去，哪里免费了？？

    2013年03月14日 17:28

  • 这个很不错

    2012年12月17日 17:30

  • 感觉很好，就是没有DOME

    2012年10月15日 14:25

  • 好东西啊

    2012年09月08日 09:18

  • 很不错哦，但怎么下载列？

    2011年11月14日 16:51