| 代碼 |
javascript引用:
客戶端代碼:
javascript代碼:
$(document).ready(function(){
//$("#d1").magnify();不帶任何設置的應用
$("#d1").magnify({
showEvent: \'click\',
hideEvent: \'click\',
lensWidth: 70,
lensHeight: 70,
preload: false,
stagePlacement: \'right\',
loadingImage: \'Images/ajax-loader.gif\',
lensCss: { backgroundColor: \'#fff\',
border:\'1px\',
opacity: 0.5
},
stageCss: { border: \'1px solid #000\'}
});
}
)
|
| 應用設置說明: |
showEvent:\'click\' [由物件的click事件來開始顯示放大鏡效果],
hideEvent:\'click\' [由物件的click事件來隱藏放大鏡效果],
lensWidth: 70 [鼠標在小圖片中移動的鏡頭寬度],
lensHeight: 70 [鼠標在小圖片中移動的鏡頭高度],
preload: false [是否預先加載],
stagePlacement: \'right\' [放大後圖片相對與小圖片顯示的位置],
loadingImage: \'Images/ajax-loader.gif\' [加載圖片時提示的小圖片],
lensCss: { backgroundColor: \'#fff\',
border: \'0px\',
opacity: 0.5
} [小圖片中移動的鏡頭的樣式],
stageCss: { border: \'1px solid #000\'} [放大後圖片的顯示樣式]
|