图片点击放大并可点击旋转插件（1）-jquery.artZoom.js

1.首先加入链接：

<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script><script type="text/javascript" src="js/jquery.artZoom.js"></script><link href="css/jquery.artZoom.css" rel="stylesheet" type="text/css">

2.html代码：

<ul class="imgList">

<li><a href="images/01.jpg"><img class="artZoom" src="images/01m.jpg" /></a></li><li><a href="images/03.jpg"><img class="artZoom" src="images/03m.jpg" /></a></li><li><a href="images/04.jpg"><img class="artZoom" src="images/04m.jpg" /></a></li></ul>

3.artzoom调用

jQuery(function ($) {$('.artZoom').artZoom({path: './images',// 设置artZoom图片文件夹路径preload: true,// 设置是否提前缓存视野内的大图片blur: true,// 设置加载大图是否有模糊变清晰的效果// 语言设置left: '左旋转',// 左旋转按钮文字right: '右旋转',// 右旋转按钮文字source: '看原图'// 查看原图按钮文字});});

本篇内容在网上查找整理所得