jQuery之jqzoom(图片放大镜插件)

参考资料
1 基于jQuery开发的图片放大镜插件 - 淘宝网商品页面
http://lee2013.iteye.com/blog/1030049
主页: http://www.mind-projects.it/projects/jqzoom/
基于jqzomm版本:jqzoom_ev-2.3,以下代码源自于jqzoom源码
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title>JQzoom Demo</title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="jquery.jqzoom-core.js" type="text/javascript"></script>
<link rel="stylesheet" href="jquery.jqzoom.css" type="text/css">
<script type="text/javascript">
$(document).ready(function() {
	$('.jqzoom').jqzoom({
            zoomType: 'standard',
            lens:true,
            preloadImages: false,
            alwaysOn:false
     });	
});
</script>
</head>
<body>
<div style="margin-top:100px;margin-left:350px; height:500px;width:500px;" >
    <div >
        <a href="imgProd/triumph_big1.jpg" class="jqzoom" >
            <img src="imgProd/triumph_small1.jpg"  style="border: 1px solid #666;"> 
        </a>	
    </div>	      
</div>
</body>
</html>

附件中的jqzoom-deom.zip是我精简jqzoom的示例
jqzoom_ev-2.3.zip是官方示例

你可能感兴趣的:(jquery,jqzomm)