| Главная » Файлы » Прочие скрипты » 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 | |
| Просмотров: 818 | Загрузок: 0 | | |
| Всего комментариев: 0 | |
|
| |