图片点击放大并可点击旋转插件（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="data:images/01m.jpg" /></a></li>
     <li><a href="images/03.jpg"><img class="artZoom" src="data:images/03m.jpg" /></a></li>
     <li><a href="images/04.jpg"><img class="artZoom" src="data:images/04m.jpg" /></a></li>
</ul>

3.artzoom调用

jQuery(function ($) {
	$('.artZoom').artZoom({
		path: './images',	// 设置artZoom图片文件夹路径
		preload: true,		// 设置是否提前缓存视野内的大图片
		blur: true,			// 设置加载大图是否有模糊变清晰的效果

		// 语言设置
		left: '左旋转',		// 左旋转按钮文字
		right: '右旋转',		// 右旋转按钮文字
		source: '看原图'		// 查看原图按钮文字
	});
});

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