jquery - Suggestions for a jQuery image zoom

Question

I am looking for a light jQuery image zoom when hovering or clicking on the image. It is very important that the image is loaded after hover or after clicking on it and not before. The reason for this is to decrease the initial page load as much as possible.

Any suggestions for some good scripts?

Answer 1

有很多现有的 jquery 图像滑块。个人最喜欢的是tn3。或现有的东西，如灯箱。否则，如果您只是想将图像缩放到页面上的适当位置（没有弹出窗口或 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};
});