jQuery网站商品图片放大镜效果

jQuery网站商品图片放大镜效果演示图：

代码：

<div class="preview">
	<div id="vertical" class="bigImg">
		<img src="mid/05.jpg" width="400" height="400" alt="" id="midimg" />
		<div style="display:none;" id="winSelector"></div>
	</div><!--bigImg end-->	
	<div class="smallImg">
		<div class="scrollbutton smallImgUp disabled"></div>
		<div id="imageMenu">
			<ul>
				<li id="onlickImg"><img src="small/05.jpg" width="68" height="68" alt="洋妞"/></li>
				<li><img src="small/02.jpg" width="68" height="68" alt="洋妞"/></li>
				<li><img src="small/03.jpg" width="68" height="68" alt="洋妞"/></li>
				<li><img src="small/04.jpg" width="68" height="68" alt="洋妞"/></li>
				<li><img src="small/01.jpg" width="68" height="68" alt="洋妞"/></li>
				<li><img src="small/06.jpg" width="68" height="68" alt="洋妞"/></li>
				<li><img src="small/04.jpg" width="68" height="68" alt="洋妞"/></li>
			</ul>
		</div>
		<div class="scrollbutton smallImgDown"></div>
	</div><!--smallImg end-->	
	<div id="bigView" style="display:none;"><img width="800" height="800" alt="" src="" /></div>
</div>