jQuery图片放大预览插件 cloud-zoom
来源:互联网 发布:网络平台的盈利模式 编辑:程序博客网 时间:2024/05/28 15:08
分享一个jquery的图片放大预览插件:cloud-zoom.
cloud-zoom DEMO
部署步骤:
1.加载jquery-1.4.js 和 cloud-zoom.1.0.2.min.js
2.加入样式表(DEMO中<style>部分)
3.为需要放大预览效果的缩略图添加超链接<a>并将类命名为”cloud-zoom” class=”cloud-zoom”
4.在超链接<a>的rel属性中加入需要的参数实现不同的效果
实例:
<a href=”images/大图.jpg” class=”cloud-zoom” rel=”position:’inside’ ,showTitle:false, adjustX:-2, adjustY:-2″><img src=”images/缩略图.jpg” title=”iinterest” /></a>
cloud-zoom参数说明:
- jQuery图片放大预览插件 cloud-zoom
- jQuery图片放大镜插件Cloud Zoom
- jQuery 图片放大预览插件
- Cloud Zoom是一个图像放大jQuery插件,
- 图片放大插件Zoom
- zoom插件实现图片放大缩小功能
- jQuery插件Cloud Zoom放大镜效果
- jQuery实现图片放大预览
- jQuery插件:图片放大镜--jQuery Zoom
- Jequery 图片放大镜插件Cloud Zoom 和 图片集插件photobox
- 图片放大镜-Cloud Zoom
- 图片放大镜-Cloud Zoom
- 图片放大镜-Cloud Zoom
- 图片放大镜-Cloud Zoom
- iscrollJs使用zoom插件的时候,图片放大模糊解决办法
- Jquery 图片预览插件 imgPreview
- JQUERY 图片上传预览插件
- jQuery图片预览插件imgPreview
- 华软精品源码列表
- 【VC++】不能将参数 1 从“_TCHAR”转换为“const char* 问题解决
- Java:Web应用下实现定时任务的简便方法
- Timer的使用方法及APPLET笔记
- 多行对话框
- jQuery图片放大预览插件 cloud-zoom
- Silverlight中的序列化
- C#调用java类、jar包方法
- JavaScript学习笔记(三)——从简单模仿到创作
- H3C路由器Hub-Spoke网络结构DVPN配置案例(试读连载一)
- JavaScript学习笔记(五)——厚积薄发之准备2
- JavaScript学习笔记(四)——厚积薄发之准备1
- JavaScript学习笔记(六)——厚积薄发之准备3
- 动易® SmartSchool™ 学校网站管理系统