Главная » Файлы » Прочие скрипты » jQuery

Плавное появление изображений по мере прокрутки страницы на jQuery
23.06.14, 08:26:58

Скачать файл




Если у вас очень длинный сайт, этот скрипт придаст вам изюминку. По мере прокрутки вниз картинки будут плавно появляться с эффектом fade.

Для начала посмотрите ДЕМО (Дождитесь полной загрузки страницы и прокрутите её вниз. Заметьте, как каждое последующее изображение плавно появляется по мере прокрутки)

Установка:

После /head на страницах, где будет применяться этот эффект, вставьте:
Код
<script src="/js/jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$('img[name=fader]').lazyload({  
placeholder : "/images/grey.gif",  
effect : "fadeIn"  
});  
});  
</script>


Всё, плагин подключен. Теперь осталось лишь обозначить картинки, которые будут плавно появляться при прокрутке:
Код
<img name="fader" src="Ссылка на картинку">


Как вы можете заметить, нам достаточно лишь добавить картинке name="fader", чтобы она плавно появлялась при прокрутке

Осталось лишь залить файлы из прикреплённого архива в следующие папки:
jquery.lazyload.js - в папку js
grey.gif - в папку images

Материал подготовлен и адаптирован под uCoz Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: Плавное, изображений, появление, ПО, на, JQuery, мере, страницы, прокрутки
Просмотров: 703 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: