jQuery放大镜插件_仿淘宝图片放大浏览效果

本Demo是一款jQuery图片放大镜插件、是一款简单实用的jQuery图片放大镜效果、点击缩略图可以切换大图、鼠标划过大图出现放大镜图片、可拖动放大镜区域查看图片细节、类似淘宝放大镜代码、适用于电子商务网站使用、效果非常不错、以前也增分享过一款类似的插件、在右上上方搜索关键词就可以了、可以对比一下、看你用那个更合适

HTML代码

<div class="con-FangDa" id="fangdajing">
  <div class="con-fangDaIMg">
  	<!-- 正常显示的图片-->
  	<img src="images/big/1.jpg">
    <!-- 滑块-->  
    <div class="magnifyingBegin"></div>
    <!-- 放大镜显示的图片 -->
    <div class="magnifyingShow">
		<img src="images/big/1.jpg">
	</div>
  </div>
  
  <ul class="con-FangDa-ImgList">
    <!-- 图片显示列表 -->
    <li class="active">
		<img src="images/thumb/1.jpg" 
			data-bigimg="images/big/1.jpg">
	</li>
    <li>
		<img src="images/thumb/2.jpg" 
			data-bigimg="images/big/2.jpg">
	</li>
    <li>
		<img src="images/thumb/3.jpg" 
			data-bigimg="images/big/3.jpg">
	</li>
    <li>
		<img src="images/thumb/4.jpg" 
			data-bigimg="images/big/4.jpg">
	</li>
    <li>
		<img src="images/thumb/5.jpg" 
			data-bigimg="images/big/5.jpg">
	</li>
  </ul>
</div>

JS和CSS代码已经写好了、直接引用即可

<link rel="stylesheet" type="text/css" href="css/zzsc.css">

<script type="text/javascript" class="library" 
	src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" class="library" 
	src="js/jquery.colorbox-min.js"></script>
<script type="text/javascript" class="library" 
	src="js/zzsc.js"></script>

最后给贴上Demo的源代码、希望对大家有用、有兴趣的哥们可以下载看看

源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1pYNoE 密码: q7yx