Бесконечная прокрутка/отложенная загрузка в галерее NextGen [закрыто]

function enqueue_lazyload() {
    wp_enqueue_script('jquery_lazy_load', get_stylesheet_directory_uri() . '/js/jquery.lazyload.min.js', array('jquery'), '1.9.1');
}

add_action('wp_enqueue_scripts', 'enqueue_lazyload');

Затем мы должны добавить небольшой фрагмент Javascript в наш нижний колонтитул, чтобы заставить плагин ленивой загрузки распознавать изображения. Вы можете увидеть, как это работает, на домашней странице плагина, но в основном мы должны указать класс для плагина, на который он будет ориентироваться. Он будет использовать любые изображения с этим классом, чтобы заменить изображение-заполнитель реальным изображением, когда пользователь прокручивает его. Мы будем использовать действие wp_footer, чтобы автоматически добавить его в нижний колонтитул каждой из наших страниц.

function footer_lazyload() {
    echo '<script type="text/javascript">
        (function($){
          $("img.lazy").lazyload();
        })(jQuery);
    </script>';
}

add_action('wp_footer', 'footer_lazyload');

С этим кодом плагин ленивой загрузки действительно начнет работать. Но наши изображения все еще загружаются WordPress. Хитрость заключается в том, чтобы отфильтровать все наши сообщения и заменить изображение изображением-заполнителем. Затем, в соответствии с инструкциями плагина, мы используем атрибут «data-original» в теге img для обозначения фактического URL-адреса изображения. Наконец, мы добавляем класс «ленивый» к каждому изображению, чтобы jQuery знала, что нужно его искать. Плагин ленивой загрузки будет ждать, пока эти изображения появятся в представлении пользователей, а затем вытащит их с помощью AJAX и загрузит на страницу. Наш первый шаг — добавить простой фильтр с помощью preg_replace_callback для поиска тегов img.

function filter_lazyload($content) {
    return preg_replace_callback('/(<\s*img[^>]+)(src\s*=\s*"[^"]+")([^>]+>)/i', 'preg_lazyload', $content);
}

add_filter('the_content', 'filter_lazyload');