介绍一个十分好用的JQUERY图片放大镜插件
来源:互联网 发布:云天河姜云凡美工 编辑:程序博客网 时间:2024/05/17 04:12
介绍一个十分好用的JQUERY图片放大镜插件,在很多电子商务网站中,有时在看小图时,往往想再看这个货品的大图,
传统的另外打开一张大图的话,不大COOL,所以找到了这个插件,
插件下载地址:
http://www.mind-projects.it/projects/jqzoom/
简单介绍下,在下载后,
要准备一张小图和一张清晰点的大图,然后在页面中引入JQUERY和这个插件的JS
<script src="../js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="../js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>
然后再引入一个CSS
<link rel="stylesheet" href="../css/jqzoom.css" type="text/css">
接着是两张大图和小图
<a href="kawasakigreen.jpg" class="jqzoom" style="" title="kawasaki">
<img src="kawasakigreen_small.jpg" border="0" style="border: 1px solid #666;" title="kawasakigreen"></a>
这里注意的是一张大图,一张小图,并且"kawasakigreen_small.jpg"这个小图中,那个title是要出现在放大镜里的文字标题
然后在JS中
<script type="text/javascript">
$(function() {
var options3 =
{
zoomWidth: 200,
zoomHeight: 200,
xOffset: 20,
title: false,
lens:false
}
$(".jqzoom").jqzoom(options3);
});
</script>
这里就是放大镜的效果了,具体的文档和例子请参考
http://www.mind-projects.it/projects/jqzoom/demos.php#demo1
- 介绍一个十分好用的JQUERY图片放大镜插件
- 介绍一个十分好用的JQUERY图片放大镜插件
- 介绍一个十分好用的JQUERY图片放大镜插件
- 介绍一个十分好用的JQUERY图片放大镜插件:Jqzoom
- JQUERY图片放大镜插件
- jquery 图片放大镜插件
- jQuery图片放大镜插件
- JQuery插件:图片放大镜
- jQuery的图片放大镜效果插件 - elevateZoom
- 一个比较好用的jquery图片弹出框插件
- JQUERY图片放大镜插件(jqzoom)
- JQuery 实现图片放大镜插件
- jquery图片放大镜插件使用
- jQuery图片放大镜插件jqzoom
- jquery中的图片放大镜插件--jqzoom的配置参数
- jQuery插件:图片放大镜--jQuery Zoom
- 提供的一个好用放大镜插件,基于juqery,非原创。
- 一个好用的Jquery时间插件
- javascript 读取,设置cookies
- 在Glassfish中测试servlet 3.0的SessionCookieConfig
- 关于asp从sqlserver2000数据库中取出中文数据乱码的解决办法之一
- 通过http访问svn服务器的配置方法
- 国内首家供应三星最新处理器S5PC100评估套件
- 介绍一个十分好用的JQUERY图片放大镜插件
- TripWire 随笔
- 中日两国的差距
- 数据库置疑的解决方法
- Gridview中获取主键的值
- 设计模式的形象比喻
- 五种开源协议的比较(BSD,Apache,GPL,LGPL,MIT) -
- java 获取今天星期几
- 成龙在北大的演讲:值得每一个中国人看[精品]