Cloud Zoom是一个图像放大jQuery插件,
来源:互联网 发布:笔记本无线mac地址修改 编辑:程序博客网 时间:2024/06/06 09:14
特点
1、兼容大多数浏览器,(已经测试通过的浏览器有:IE6+, Firefox, Chrome, Opera, Safari)
2、易于集成的基本有效的HTML。
3、(精缩)脚本小,只有6Kb。
4、平滑变焦运动。
5、画廊模式。
6、着色,软聚焦和内变焦功能。
7、它是完全免费的。
使用方法
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位置。0adjustY允许你微调像素的缩放窗口的Y位置。0tint指定覆盖的小图片的颜色。颜色应指定十六进制格式,例如'#aa00aa'。falsetintOpacity指定色彩的透明度,其中0是完全透明的,1是完全不透明。0.5lensOpacity设置镜头鼠标指针的透明度,其中0是完全透明的,1是完全不透明。在色彩和软对焦模式,它将始终是透明的。0.5softFocus适用于一种微妙的模糊效果来的小图片。设置为true或false。falsesmoothMove形象的漂移缩放,数字越高,就越顺畅/更轻松进行漂移运动。 1 =不平滑。3showTitle是否显示图片的标题.truetitleOpacity指定是否显示标题不透明度,其中0是完全透明的,1是完全不透明。0.5- Cloud Zoom是一个图像放大jQuery插件,
- jQuery图片放大预览插件 cloud-zoom
- jQuery图片放大镜插件Cloud Zoom
- jQuery插件Cloud Zoom放大镜效果
- 图片放大插件Zoom
- 最新jquery zoom插件
- zoom插件实现图片放大缩小功能
- 插件16:放大图像
- Jequery 图片放大镜插件Cloud Zoom 和 图片集插件photobox
- jQuery插件:图片放大镜--jQuery Zoom
- iscrollJs使用zoom插件的时候,图片放大模糊解决办法
- zoom 放大縮小屬性
- 图片放大镜-Cloud Zoom
- 图片放大镜-Cloud Zoom
- 图片放大镜-Cloud Zoom
- 图片放大镜-Cloud Zoom
- cloud zoom破解
- jQuery 图片放大预览插件
- androidpn环境测试
- C语言经典算法100例-011-兔子问题
- Linux 指令篇:文件管理--which
- PAT 1062. Talent and Virtue
- Android开发学习笔记:浅谈WebView
- Cloud Zoom是一个图像放大jQuery插件,
- Android获取dialog自定义布局中的控件(从控件中获得参数)
- 漫画形象诞生记
- iOS图片合成————(拍照换发)
- /lib/ld-linux.so.3: No such file or directory
- Android屏幕适配
- 题目1047:素数判定
- LUA读写xml
- UML类图几种关系的总结