【JQZoom】的更多相关文章

jqzoom与scrollpic配合的问题

<script type="text/javascript"> //以下两个方法的执行顺序不能互换,否则zoom方法的单击缩略图事件会失效 if (document.all) { window.attachEvent('onload', scrollPic); window.attachEvent('onload', zoom); } else { window.addEventListener('load', scrollPic, false); window.addEv…

jqzoom图片放大镜

jqzoom是一个图片放大器插件.它功能强大,使用简便! 引入js与css: <script type="text/javascript" src="js/jquery.jqzoom-core.js"></script> <link rel="stylesheet" href="css/jquery.jqzoom.css"> 具体使用: <a href="images/tri…

jquery.jqzoom.js图片放大镜

jqzoom插件实现图片放大镜效果 1. jquery.jqzoom.js //************************************************************** // jQZoom allows you to realize a small magnifier window,close // to the image or images on your web page easily. // // jqZoom version 2.2 // Autho…

JQZoom 图片放大插件的使用

QZoom是一个基于最流行的jQuery的图片放大器插件.它功能强大,使用简便.支持标准模式.反转模式.无镜头.无标题的放大,并可以自定义jQZoom的窗口位置和渐隐效果,修正IE6的select bug. 配置参数 zoomType,默认值:’standard’,另一个值是’reverse’,是否将原图用半透明图层遮盖. zoomWidth,默认值:200,放大窗口的宽度. zoomHeight,默认值:200,放大窗口的高度. xOffset,默认值:10,放大窗口相对于原图的x轴偏移值,可…

jquery中用jqzoom实现放大镜效果

使用的jqzoom 插件实现的放大镜的效果 jqzoom 里面的代码 : 直接copy就好 //**************************************************************// jQZoom allows you to realize a small magnifier window,close// to the image or images on your web page easily.//// jqZoom version 2.2// Au…

jqury.jqzoom插件--放大镜

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> /*jQzoom*/ .jqzoom{ border:1px solid #BBB; float:left; position:relative; padding:0px; cursor:pointer; } d…

jqzoom基于jQuery的图片放大镜

1.引入jQuery和jqzoom插件 <script src="/js/common/jquery-1.6.2.js" type="text/javascript"></script> <script src="/js/common/jquery.jqzoom.js" type="text/javascript"></script> 2.应用官方网站给定的jqzoom样式 /*…

jQuery放大镜插件jqzoom使用

源码下载,使用指导地址:http://www.mind-projects.it/projects/jqzoom/ 使用教程: 1.导入库文件 <script src="../js/jquery-1.6.js" type="text/javascript"></script> <script src="../js/jquery.jqzoom-core.js" type="text/javascript&quo…

jQuery插件之jqzoom

jqzoom是一款基于jQuery的图片方法插件. 使用方法:1.引入jQuery与jqzoom,jqzoom.css 2.准备两张一大一小大小相同的图片,小图片放在<img>标签的"src"属性里,给img标签加个<a>标签,<a>标签的"href"属性链向大图片 参数说明:zoomWidht: 小图片所选区域的宽度. zoomHeight:  小图片所选区域的高度. zoomType: 默认值为standard.如果设为rev…

在Magento产品页面的使用jqZoom

Magento在产品页面提供了一个简单的图片放大功能,不是非常好,假设考虑使用放大镜来使用户查看产品的大图.能够考虑使用基于jQuery的插件,jqZoom便是一款优秀的放大镜插件.以下将介绍如何把jqzoom集成到Magento中. 1 载入jQuery 由于jqZoom是基于jQuery的插件,所以我们须要在Magento中载入jQuery库,并下载jqZoom文件包,放在站点的根文件夹的js文件夹下,比方/js/jqzoom 2 建立模块 作为样例,我们在/app/code/local/M…