thickbox插件 弹出层
Jquery:
<link rel="stylesheet" href="styles/thickbox.css" type="text/css" />
<script src="scripts/jquery.thickbox.js" type="text/javascript"></script>
html:
<span>
<a href="images/pro_img/blue_one_big.jpg" id="thickImg" title="介绍文字" class="thickbox">
<img alt="点击看大图" src="images/look.gif" />
</a>
</span>
jqzoom插件 放大镜
Jquery:
<script src="scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="scripts/jquery.jqzoom.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".jqzoom").jqueryzoom({
xzoom:300,
yzoom: 300,
offset: 10,
position: "right",
preload: 1
});
});
</script>
HTML:
<div class="jqzoom">
<img src="images/pro_img/blue_one_small.jpg" jqimg="images/pro_img/blue_one_big.jpg"/>
</div>