Хак для DLE ImgLoads

Вариант установки скрипта постепенной загрузки изображений, можно увидеть при спуски, тут же начинаются открываться файл за файлом. Из рубрики хак для DLE ImgLoads - позволяют сделать загрузку страницы лучше, если она попадет в видимую зону. Какие же плюсы от такой загрузки изображений? Скорость загрузки появления страницы увеличивается, трафик не тратится и т.д. По сути обычный скрипт Lazyload, который не загружает файл, пока не попадет в видимую зону, создает эффект блика картинки при скроле.

Из раздела хаки для DLE ImgLoads сложный и простой вариант, позволяет создать эффект, при котором иллюстрация реально не загружается, пока не попадёт в видимую часть окна. Такой эффект можно наглядно увидеть у Гугла при поиске нужной картинки. На dle9.com представлены демо страницы, выглядит замечательно, хотя картинка выскакивает резко и с каким-то балаканьем - немного неприятно смотреть. Возможно, кто-то доработает, чтобы был более плавный вариант подгрузки, включая прогресс-бар и постепенным появлением изображения.

Картинки также смогут увидеть все те, у кого отключен JS-скрипт и роботы в том числе, хотя они могут и проигнорировать.

Отличный фотохостинг изображений без регистрации

Если ваш веб-сайт связан с большим количеством картинок, вы хотите сэкономить дисковое пространство и не нагружать сервер провайдера, то советую отличный фотохостинг изображений без регистрации для хранения большого объема графической информации обладающий быстрой загрузкой. Фотохостинг изображений imghost.pro замечательно подойдет любым электронным проектам созданных на DataLife Engine.

Итак, приступим к установке данного хака.
Простой вариант установки хак DataLife Engine ImgLoads
Закачайте файл ImgLoads.js в папку js в вашем шаблоне

Перед

</head>

Прописать

<!--jQuery-постепенная-загрузка-изображений-->
<script type="text/javascript" src="/templates/Default/js/ImgLoads.js"></script>
<!--jQuery-постепенная-загрузка-изображений-->

и в шаблонах, там где изображение из поста, дописать к

src data-

чтоб было как ниже на примерах

<img data-src="[xfvalue_poster]">

<img data-src="{image-1}">

Автор Dogmatist
Демо


Скачать DLE скрипт ImgLoads с инструкцией

Hak-DLE-imgloads.rar [20,56 Kb] (cкачиваний: 159)