
Вы наверное на многих сайтах видели что при скролле вниз изображение загружаются плавно и красиво, с помощью данного скрипта вы сможете сделать тоже самое.
Установка на dle.
Перед тегом:
Код
</head>
Подключаем код:
Код
<!--jQuery-постепенная-загрузка-изображений-->
<script type="text/javascript" src="/templates/webuilder/js/ImgLoads.js"></script>
<!--jQuery-постепенная-загрузка-изображений-->
<script type="text/javascript" src="/templates/webuilder/js/ImgLoads.js"></script>
<!--jQuery-постепенная-загрузка-изображений-->
Теперь нужно в шаблонах там где есть изображение из поста дописать
Код
<img data-src="[xfvalue_poster]">
Или же:
Код
<img data-src="{image-1}">
Готово.
Установка на ucoz.
На всех страницах где нужен этот эффект сразу после < body > тега вставляем этот код:
Код
<!--jQuery-постепенная-загрузка-изображений-->
<script type="text/javascript" src="/js/ImgLoads.js"></script>
<!--jQuery-постепенная-загрузка-изображений-->
<script type="text/javascript" src="/js/ImgLoads.js"></script>
<!--jQuery-постепенная-загрузка-изображений-->
В виде материалов вставляем там где нужно вывести изображение материала такой код:
Код
<?if($IMG_URL1$)?><img data-src="$IMG_URL1$" style="border: medium none ;" border="0" width="280"><?endif?>
Или же если у вас уже есть картинка в новости просто замените src на data-src
В обеих случаях качаем архив, содержимое заливаем в папку js.
Просмотров: 4376
|
Категория: Скрипты | Добавил: NA
Другие новости |
Поделиться ссылкой
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.