Как интегрировать jQuery Lazy Load в плагин Meta Slider WordPress?
К сожалению для меня, плагин Meta Slider WP не поддерживает отложенную загрузку, но он идеально подходит для того, что мне нужно - ну почти. Вот почему:
У меня есть тонна изображений (на слайдер), которые будут отображаться на нескольких слайдерах с помощью этого плагина WP Meta Slider. Все ползунки будут использовать опцию Flex Slider, а не другие опции, которые у них есть. И, как вы можете себе представить, время загрузки страницы ужасно.
Я посмотрел ленивый груз и наткнулся на этот сайт:
http://www.appelsiini.net/projects/lazyload
Кажется, это идеальное решение для того, что мне нужно, но где мне нужно ввести фрагмент кода в файлы Meta Slider, чтобы этот плагин прекратил загрузку всех изображений одновременно? Происходит следующее: когда посетитель заходит на сайт, этот плагин загружает каждое изображение, которое вы загрузили на него, при первой загрузке страницы, что приводит к очень медленной загрузке страницы.
Дополнительная информация:
Изображения pngs, 120x220 и менее 50 КБ. Я обнаружил, что преобразование их в jpgs вместо gifs сжимает размер файла от 12 до 15 КБ, но при любом уменьшении изображения начинают терять качество цвета, а качество изображения очень важно.
КОНЕЦ ДОПОЛНИТЕЛЬНОЙ ИНФОРМАЦИИ
В любом случае, моя база данных изображений растет, и мне нужно, чтобы изображения загружались только при прокрутке посетителя вверх или вниз, чтобы максимально сократить время загрузки страницы, чтобы посетители не были отключены и покинули сайт.
Спасибо!
О, вот плагин, я использую:
wordpress.org/plugins/ml-slider/