? 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: '看原圖' // 查看原圖按鈕文字}); });


本篇內容在網上查找整理所得

轉載于:https://www.cnblogs.com/liuqingxia/p/6018481.html

總結

以上是生活随笔為你收集整理的图片点击放大并可点击旋转插件（1）-jquery.artZoom.js的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。