jquery-zoom图片放大处理

第一步：引入相关文件 jQuery主文件：<script src="jquery-1.9.1.min.js" type="text/javascript"></script> zoom主文件<scri

第一步：引入相关文件

jQuery主文件：<script src="jquery-1.9.1.min.js" type="text/javascript"></script>

zoom主文件<script src="/jquery-zoom/content_zoom.js" type="text/javascript"></script><link rel="stylesheet" href="/jquery-zoom/common.css" type="text/css" />

第二步：HTML组织

<div id="largeDiv" style="display:none;"><img src="${largeImagePath}" /></div><a class="img" href="#largeDiv"><img style="height: 100px;width: 100px;" src="${thubmImagePath}"></a>

largeDiv为大图展示；<a class="img">展示缩略图。

注href="#largeDiv"必须只想所对应大图div的ID。

第三步：js初始化

$('a.img').fancyZoom({scaleImg: true, closeOnClick: true});