1.
在 <head> </head> 之間放入
<script type="text/javascript" src="/js/jquery.jqzoom-core.js"></script>
<link rel="stylesheet" href="/css/jquery.jqzoom.css" type="text/css" media="screen" />
2.
在 <head> </head> 之間放入
<script type="text/javascript" language="javascript">
<!--
$(document).ready(function(){
var options = {
zoomType: 'standard',
lens:true,
preloadImages: true,
alwaysOn:false,
zoomWidth: 350,
zoomHeight: 290,
//xOffset:90,
//yOffset:30,
position:'right'
//...MORE OPTIONS
};
$('.product_zoom').jqzoom(options);
//取得css物件
});
-->
</script>
3.
選定圖案做放大效果，class是放在外層的<a></a>
<a class='product_zoom' id='product_zoom_id' href='onpylu.jpg' title='75 %藥用酒精( 安皮露75%酒精液)' rel='gal1'><img src='onpylu.jpg' width='360' border='0' name='box_img_name' title='75 %藥用酒精( 安皮露75%酒精液)'></a>
沒有留言:
張貼留言