jQzoom 是 JQuery的插件，滑鼠移到圖片上，可以讓圖片放大。
官網：http://www.mind-projects.it/projects/jqzoom/
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript" src="js/jquery.jqzoom-core.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.jqzoom.css">
<script type="text/javascript">
$(document).ready(function(){
var options = {
zoomType: 'standard',
lens:true,
preloadImages: true,
alwaysOn:false,
zoomWidth: 300,
zoomHeight: 250,
xOffset:90,
yOffset:30,
position:'left',
xOffset: 10,
yOffset: 10
};
$('.MYCLASS').jqzoom(options);
});
</script>
</head>
<body>
<a href="images/LARGEIMAGE1.jpg" class="MYCLASS" title="放大鏡" >
<img src="images/SMALLIMAGE1.jpg" border="0">
</a>
</body>
</html>
沒有留言:
張貼留言