局部图片放丰功能 magiczoom

局部图片放大功能 magiczoom

{insert_scripts files='magiczoomplus.js'}

 

----------------------------------------------------------

<a id="zoom" href="{$goods.goods_img}（大图片）"  rel="zoom-position: inner; zoom-width:500px; zoom-height:500px;" class="MagicZoom" style="cursor: crosshair"  >

 

 

<img  src="{$goods.goods_img}（小图片）"  width="230px" height="230px">

 

</a> 内页的放大

 

----------------------------------------------------------

 

 

<a id="zoom" href="{$goods.goods_img}（大图片）"  rel="zoom-position: out; zoom-width:500px; zoom-height:500px;" class="MagicZoom" style="cursor: crosshair"  >

 

 

<img  src="{$goods.goods_img}（小图片）"  width="230px" height="230px">

 

</a> 右边的放大