图片放大镜效果:jQZoom-JQuery插件的使用方法教程

使用说明/使用教程/使用方法


 jQZoom v2.2


1、引用 jQZoom插件的样式

<link rel=“stylesheet” href=“你的路径/jqzoom.css” type=“text/css” media=“screen”>


2、引用JQ脚本和jQZoom插件脚本

<script src=“你的路径/jquery.js” type=“text/javascript”></script>  
<script src=“你的路径/jquery.jqzoom.js” type=“text/javascript”></script>


3、方法载入,要用放大镜的图片:

截入格式,样式是:class=”jqzoom”,还有大图的属性:jqimg=”images/shoe4_big.jpg”

HTML代码样式:

<p class=“jqzoom”><img src=“images/qoogle_small.jpg” alt=“qoogle.cn” jqimg=“images/qoogle_big.jpg” /></p>


4、页面加载完成后执行下面JavaScript代码,

即不要放在头部,放在面页<body>中载入即可,是不是呀? ^_^

<script>
$(document).ready(function(){   
$(“.jqzoom”).jqueryzoom();   
});  
</script>

或者:

<script>
$(document).ready(function(){   
$(“.jqzoom”).jqueryzoom({   
xzoom:300, //放大的宽度(默认是200)   
yzoom:300, //放大的高度度(默认是200)   
offset:40, //离原图的距离(默认是10)   
position:"right",    //放大图的定位(默认是 "right")  
preload:1 // 预加载(默认是1)   
lens:1 // by default the lens is 1   
});   
});
</script>


如果文章对您有帮助|有启发|有共鸣|有“爽了”,请随意打赏。您的支持是我的动力和价值的体现。

----------我不是街头卖艺者,但我渴望被打赏,博客要生存下去不容易。
----------我不是酒店服务生,但我渴望被打赏,博主也有妻儿子女一家子人。
----------我不是乞丐叫花子,但我渴望被打赏,渴望被打赏的价值认同感。
----------我不是建筑搬运工,但我渴望被打赏,我是蜜蜂我阅读/挑选/整合/转载/传播。
----------我不是作家或教授,但我渴望被打赏,咱中国人也能主动为知识/为受益而付费。

感谢土豪的打赏!


一码支持:微信/支付宝

打赏qoogle的二维码


分享,也是您对我的热力支持。谢谢!

内容版权声明:除转载分类下的文章来源网络(直转或整合而成),其它皆为本站原创文章。

转载注明出处:http://qoogle.cn/?id=31

发表评论(不用注册哟!)

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。