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,//播放间隔时间
};
                

该jquery放大镜插件的github地址为：https://github.com/weihaipy/exzoom