查看大图 zoomImage

2024-10-10 06:04:52

添加引用

<link rel="stylesheet" media="screen" type="text/css" href="zoomimage/common.css" />

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="zoomimage/content_zoom.js"></script>

图片代码

<p class="quiz_details">

<a href="#show" title="查看大图">
<img alt="" src="1.gif" />
</a>

<div id="show" style=" display:none;">
<img alt="" src="1.gif" />
</div>

</p>

<script type="text/javascript">
$(document).ready(function () {
$('p.quiz_details a').fancyZoom({ scaleImg: true, closeOnClick: true ,width:500,height:500});
});
</script>

最新文章

热门文章