zoomImg相冊&大圖預覽插件

最近整理了以前寫過的一個jquery插件，該插件主要功能實現相似於相冊的功能，在圖片網站上很常見。也有一些比較流行的圖片預覽組件好比fancybox。
 
可是fancybox依然有它沒法解決的問題，好比它不支持縮放，只能彈出一個通過它計算後以爲合適的固定寬高圖片。還有另一個痛點，我找了一個能夠縮放的組件，可是當我大圖加載出來的時候，圖片不是從頭開始顯示的，而是從圖片中間開始。這對用戶體驗來講有點糟糕，我須要把圖片從新拖到頂部再來欣賞圖片。另外個人平臺爲設計師服務，絕大部多數圖片都是手機上的長圖或者pc上拼接起來的設計稿。所以，我決定本身寫一個組件，解決這兩個問題。
 
zoomimg基於以上的背景產生了，它解決問題：

1. 圖片不能自由縮放，即固定寬高問題；
2. 大圖加載出來不從頭部開始顯示，而從中間開始顯示

 
github地址：https://github.com/jacoobwang/zoomImg
（你們若是以爲還能夠，但願能夠給個star）
 

Gif演示，因爲壓縮緣由，質量受到必定影響

 
使用方法：

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="zoom-img.min.js" ></script>
<script type="text/javascript">
    $('#gallery .zoom').zoomImg(); //懶人版
//－－－－－－－－－－－分界線－－－－－－－－－－－－－－－－－－－－－  
    $('#gallery .zoom').zoomImg({
      'color' : '#000', //背景顏色
      'opacity': 0.5,   //背景透明度
      'loading': 'img/loading001.gif' //loading圖片
    }); 
</script>