Photoswipe и Lazyload
Доброго времени!
Прошу помощи знающих javascript.
Добавил на сайт галерею Photoswipe, вставив код в function.php как в этом посте:
http://yarovikov.com/wordpress-api-vk-i-photoswipe/
Теперь пытаюсь добавить lazyload, так как на странице может выводиться очень много картинок.
Добавил в код function.php строчку:
wp_enqueue_style ('photoswipe', get_template_directory_uri() . '/photoswipe/jquerylazyload.js', array(), null);
И на странице под картинками яваскрипт:
$(function() {
$("img.lazy").lazyload();
});
Картинки выводятся с классом "lazy".
Однако "ленивая загрузка не работает.
В чем может быть проблема и что я делаю не так?
Заранее спасибо!
Заметки к вопросу:
(function($){ // <----- Начало обертки
/**
* Immediate execution
*/
console.log();
/**
* When DOM is ready
*/
$(document).ready(function(){
});
/**
* When all content is loaded
*/
$(window).load(function(){
}); // window.load END
})(jQuery); // <----- Конец обертки
Все что внутри обертки можете спокойно писать с $, как обычно.
Сам спросил - сам отвечу!
Заменить все атрибуты src="..." картинок на data-original, загрузить плагин , инициализировать через jQuery а не $.
Так не правильно:
$("img.lazy").lazyload();
Так должно быть:
jQuery("img.lazy").lazyload();