отложенная загрузка без плагинов
-
Здравствуйте!
Пытаюсь реализовать отложенную загрузку изображений без плагинов, на тестовом сайте wordpress. Сделал следующее:
Поставил jquery.min.js в хейдер в первую очередь, далее скрипт отложенной загрузки jquery.lazyload.min.js
Разместил маленький скрипт в футуре на инициализацию.
В функционал темы добавил следующее:// Атрибуты для изображений внутри поста function rudr_custom_html_template($html, $id, $caption, $title, $align, $url, $size, $alt) { $loader = plugins_url('/loading-rect.gif', __FILE__); list( $img_src, $width, $height ) = image_downsize($id, $size); $hwstring = image_hwstring($width, $height); $image_thumb = wp_get_attachment_image_src( $id, $size ); if($url){ // if user wants to print the link with image $out .= '<a href="' . $url . '">'; } $out .= '<img data-original="'. $image_thumb[0] .'" src="'.$loader.'" alt="'.$alt.'" title="'.$title.'" '.$hwstring.' class="align'.$align.' size-'.$size.' wp-image-'.$id.' lazy"/>'; if($url){ $out .= '</a>'; } return $out; // the result HTML } add_filter('image_send_to_editor', 'rudr_custom_html_template', 1, 8);
Впринципе работает, но кривовато, не выводит с отложкой адаптивные изображения.
Если кто знает, подскажите, как вставить в код функцию wp_get_attachment_image_srcset()
чтоб срабатывало на изображениях с адаптивной версткой.
Заранее спасибо.Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]
- Тема «отложенная загрузка без плагинов» закрыта для новых ответов.