» » » » Плавная загрузка изображений

Плавная загрузка изображений


Вы наверное на многих сайтах видели что при скролле вниз изображение загружаются плавно и красиво, с помощью данного скрипта вы сможете сделать тоже самое.

Установка на dle.
Перед тегом:
Код
</head>

Подключаем код:
Код
<!--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-постепенная-загрузка-изображений-->


В виде материалов вставляем там где нужно вывести изображение материала такой код:
Код
<?if($IMG_URL1$)?><img data-src="$IMG_URL1$" style="border: medium none ;" border="0" width="280"><?endif?>

Или же если у вас уже есть картинка в новости просто замените src на data-src

В обеих случаях качаем архив, содержимое заливаем в папку js.

  Просмотров: 4287 | Категория: Скрипты | Добавил: NA

Другие новости

Поделиться ссылкой

Ссылка:
BB-code:
HTML:
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.