強大的jQuery圖片查看器插件Viewer.js

jq的viewer插件可以實現對圖片的放大，縮小，旋轉，上下移動的操作，功能很是強大，在項目中需求是在一個新的彈窗框中對圖片進行這些操作，過程是由點擊放大和點擊編輯功能到點擊實現這些功能，因為用到了jq所以引入以下代碼：

　　< link  rel = "stylesheet"  href = "css/viewer.min.css" >

　　< script  src = "js/jquery.min.js" ></ script >

　　< script  src = "js/viewer.min.js" ></ script >

 

對彈窗中的圖片進行操作

　　$( '#jq22' ).viewer({});

在項目中實現的是點擊生成一個彈出框，點擊關閉之后就關閉，所以可以利用 id為jq22的對象進行viewer函數進行渲染

其中viewer函數中可以對生成的大圖進行配置

可以對圖片進行操作，效果圖如下：

 

或者對圖片進行如下操作：

var viewer = new Viewer(document.getElementById('checkBigContainer') , {
　　button : false,
　　navbar : false,
　　title : false
});