關於jQuery圖像縮放的建議

Question

我正在尋找一個輕鬆的jQuery圖像縮放時懸停或點擊圖像。在懸停後或點擊之後加載圖像非常重要，而不是之前。原因是儘可能減少初始頁面加載。

對於一些好的腳本有任何建議嗎？

Answer 1

有很多現有的jQuery圖像滑塊。個人最喜歡的是tn3。或者像lightbox這樣的現有事物。否則，如果您只是想要將圖像縮放到頁面上（沒有彈出窗口或widgit類型的東西），那麼您需要查看圖像縮放方法。或者，也許最好的新時代方式是使用CSS3縮放動畫。

編輯 這是你如何使用它來防止加載，直到以後的樣本。

HTML：

<a id='image_to_load' href='' rel='lightbox'> </a> 

的JavaScript（或jQuery的）：

$(document).ready(function() { 
    var image = $('#image_to_load'); 
    image.onclick = function(e){image.href = '/path/to/image'; //add lightbox handler too}; 
});