html商品放大镜,jquery商城商品放大镜插件

exzoom是一款jquery商城商品放大镜插件。该jquery放大镜插件,自带缩略图导航和自动播放功能,也提供了手动修改大图的方法。

使用方法

在页面中引入jquery和jquery.exzoom.js和jquery.exzoom.css文件。

HTML结构

该jquery放大镜的HTML结构如下：

• 
• 
• 
• 
• 
• 
• 
• 

<

>

初始化插件

在页面DOM元素加载完毕之后，通过exzoom()方法来初始化该jquery放大镜插件。

$("#exzoom").exzoom();

配置参数

该jquery放大镜插件的可用配置参数如下：

defaults = {

"navWidth": 60,//列表每个宽度,该版本中请把宽高填写成一样

"navHeight": 60,//列表每个高度,该版本中请把宽高填写成一样

"navItemNum": 5,//列表显示个数

"navItemMargin": 7,//列表间隔

"navBorder": 1,//列表边框，没有边框填写0，边框在css中修改

"autoPlay": true,//是否自动播放

"autoPlayTimeout": 2000,//播放间隔时间

};