查看大图 zoomImage

添加引用

<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>

转载于:https://www.cnblogs.com/xiaonanmu/p/3443007.html