jQuery imgpreview是一個jQuery插件,用于預覽圖像。該插件使網站的圖像預覽更加簡單,易用。
$(function() { $('img.preview').imgPreview(); });
在上面的代碼中,我們選擇了所有類名為“.preview”的img元素,并調用了imgPreview()方法。這將會使圖像跟隨鼠標指針移動而顯示。如果你希望將圖像預覽放到指定的div元素中,則可以將該div元素的class傳遞給imgPreview()方法。
$(function() { $('img.preview').imgPreview({ containerID: 'previewDiv' }); });
如果你希望在預覽圖像時交替顯示一條消息,則可以在imgPreview()方法調用中指定message參數。
$(function() { $('img.preview').imgPreview({ message: '點擊圖像以查看原始尺寸' }); });
如果你希望在圖像被加載時執行一些代碼,則可以在imgPreview()方法調用中指定onShow參數,該參數是一個函數,將在圖像預覽顯示時被調用。
$(function() { $('img.preview').imgPreview({ onShow: function(){ alert('圖像預覽已顯示'); } }); });
通過imgPreview()方法,你可以輕松地自定義網絡站點的圖像預覽功能。該插件簡單易用,是許多網站所必需的。快來試一試吧!