Главная » Для web-мастера » Скрипты

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


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

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

Подключаем код:
Код
<!--jQuery-постепенная-загрузка-изображений-->
<script type="text/javascript" src="{THEME}/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.


  Категория: Скрипты | Добавил: AID | Дата: 02.02.2013
Скачать Плавная загрузка изображений с сервера
2819_imgloads.rar Размер: 1.6 Kb (cкачиваний: 134)

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

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

Ссылка:
BB-code:
HTML:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz