jQZoom 使用说明
来源:互联网 发布:微信js安全域名设置 编辑:程序博客网 时间:2024/06/05 20:46
jQZoom 使用说明
下面介绍下简单使用:
1. 在你的页面中包含 jqzoom.css
<link rel="stylesheet" href="your_path/jqzoom.css" type="text/css" media="screen">
2. 包含 jQzoom 和 jQuery JS 代码:
<script type="text/javascript" src="your_path/jquery.js"></script><script type="text/javascript" src="your_path/jquery.jqzoom.js"></script>
3. 现在创建一个放图片的容器(最好是 DIV),并给 class
赋值为 jqzoom
,然后给每张图片设置一个jqimg
属性,它的值为大图的地址。
<div class="jqzoom"><img src="images/shoe4_small.jpg" alt="shoe" jqimg="images/shoe4_big.jpg"></div>
4. 当页面导入的时候,载入 jQZoom 插件。
$(document).ready(function(){ $(".jqzoom").jqueryzoom(); });
好了基本设置好了,当然你也可以自己做些简单的设置:
$(document).ready(function(){ $(".jqzoom").jqueryzoom({ xzoom: 300, //设置放大 DIV 长度(默认为 200) yzoom: 300, //设置放大 DIV 高度(默认为 200) offset: 10, //设置放大 DIV 偏移(默认为 10) position: "right", //设置放大 DIV 的位置(默认为右边) preload:1, lens:1 });});
- jQZoom 使用说明
- jqzoom
- Jqzoom 放大镜
- jqzoom参数
- jqZoom插件
- jqzoom实战
- jqzoom 图片局部放大
- jQZoom 图片放大镜
- JQZoom图片放大效果
- jquery之放大镜--JQZoom
- jqzoom图片放大插件
- jQzoom 配置参数
- Jqzoom的使用
- jQuery插件之jqzoom
- 使用jqzoom插件时
- jqzoom使用简介
- jQuery放大镜功能---jqzoom
- 使用jqzoom插件时
- 查看C语言宏函数(预处理/gdb)
- 标准C++中的string类的用法总结
- javascript 浏览器提示有消息
- c++中string的用法
- uva 196 - Spreadsheet
- jQZoom 使用说明
- Flex - Simple Maven Project
- SqlServer递归查询
- 三层架构之UI层完全分离
- 网站收集
- C# 类中属性和成员变量的使用
- ora-22992 通过DBLINK 访问远程CLOB表问题
- Access SQL注入参考
- C# 装箱和拆箱、理论概念