Предложения по jQuery image zoom

Question

Я ищу легкое увеличение изображения jQuery при наведении указателя мыши или нажатии на изображение. Очень важно, чтобы изображение загружалось после наведения или после нажатия на него, а не раньше. Причиной этого является максимально возможное уменьшение начальной загрузки страницы.

Любые предложения по некоторым хорошим сценариям?

Answer 1

Есть много существующих слайдеров изображений jquery. Личным фаворитом является tn3. Или существующие вещи, такие как лайтбокс. В противном случае, если вы просто хотите увеличить изображение на месте (без всплывающих окон или объектов типа widgit), вам нужно взглянуть на методы масштабирования изображений. Или, может быть, лучший способ новой эпохи - использовать анимацию масштабирования CSS3.

EDIT Это пример того, как вы можете использовать его для предотвращения загрузки дольше.

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}; 
});