Jquery放大鏡 zoomy

Zoomy插件是很容易使用的，首先在頁面中引入jquery，zoomy.css以及Zoomy插件的JS檔案

<link type="text/css" rel="stylesheet" href="zoom1.2.css" target="_blank" rel="external nofollow" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script> <script type="text/javascript" src="jquery.zoomy1.2.min.js."></script>

　　然後再加入圖檔檔案

<a href="放大的圖檔.jpg" target="_blank" rel="external nofollow" >     <img src="預設顯示的圖檔.jpg" alt="這是預設顯示的圖檔" /></a>

　　最後調用即可

$(function(){ $('.zoom').zoomy(); })(jQuery)