Постепенная загрузка изображений

Cкрипт постепенной загрузки изображений. Изображение загружается только тогда когда попадает в видимую зону

Примеры
тест

Скачайте файл и из него залейте файл ImgLoads.js в папку js в вашем шаблоне

Перед

</head>

Прописать

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

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

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

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