Jquery JQZoom Plugin 放大鏡效果 Two
Jquery1.3.2Lib下載地址:http://files.cnblogs.com/davidzhou/jquery-1.3.2.rar
插件下載地址：http://files.cnblogs.com/davidzhou/jqzoom_v2.2.rar
Demo下載地址：http://files.cnblogs.com/davidzhou/MagnifySol.rar
Jquery Zoom Plugin 說明| 代碼 | Css樣式引用:
javascript引用:
客戶端代碼:
javascript代碼:
$(document).ready(function() {
//$(".jqzoom").jqueryzoom();不帶任何設置的應用
$(".jqzoom").jqueryzoom({
xzoom: 300, //放大圖片之寬(默認是200)
yzoom: 300, //放大圖片之高(默認是200)
offset: 20, //與原來圖片距離(默認是10)
position: "right", //相對原來圖片的位置(默認是right)
preload: 1, // 默認是1
lens: 1 //是否顯示小圖片放大鏡頭 默認是1
});
})
|
|---|
| 應用設置說明: | xzoom: 300, //放大圖片之寬(默認是200)
yzoom: 300, //放大圖片之高(默認是200)
offset: 20, //與原來圖片距離(默認是10)
position: "right", //相對原來圖片的位置(默認是right)
preload: 1, // 默認是1
lens: 1 //是否顯示小圖片放大鏡頭 默認是1
|
|---|