Рассмотрим вот этот лоадер
http://jquery.eisbehr.de/
На странице http://jquery.eisbehr.de/lazy/example_load-elements-by-events есть такой код
1 2 3 4 5 6 |
$('button.loadAll').click(function() { $('.lazy').lazy({ bind: "event", delay: 0 }); }); |
Что бы загрузить нужный блок надо внести четкость, что мы загружаем. Например нам надо загрузить изображения внутри слайдера с классом .bestSlider по клику на кнопку.
Фрагмент перерабатывается вот в такой код
1 2 3 4 5 6 7 8 9 10 11 12 |
$(document).ready(function() { document.querySelector('.bestSlider .классКакойтоКнопки').onclick = function () { $('.bestSlider .lazy').lazy({ bind: "event", delay: 0 }); }; /* загрузить все */ }); |
на этой же сстранице можно сразу лези не включать http://jquery.eisbehr.de/lazy/example_load-elements-by-events .Первым кодом.