基于jquery.artZoom实现图片旋转

来源：互联网发布：海口网站排名优化编辑：程序博客网时间：2024/05/22 06:40

效果图如下：

调用方式

1、jsp相关页面img元素需要添加class="artZoom"

2、需要在jsp页面，添加脚本，调用API接口如

Util.Componets.init({artZoom:true});

源码：

var Util={    /**     * 全局常量     */    Cts:{        docWidth:window.screen.width,        docHeight:window.screen.height    },    /**     * 初始化组件     */    Componets:{        /**         * 统一初始化         */        init:function(options){            var settings = {                artZoom:false            };            $.extend(settings,options);            if(settings.artZoom){this.$import.artZoom();}        },        /**         * 组件成员         */        $import:{            /**             * 渲染图片旋转             */            artZoom:function(){                $('.artZoom').artZoom({                    path: CAR_PATH + '/static/controls/jquery.artZoom/images',   // 设置artZoom图片文件夹路径                    preload: true,      // 设置是否提前缓存视野内的大图片                    blur: true        // 设置加载大图是否有模糊变清晰的效果                });            }        }    }}

0 0