Плавное появление изображений по мере прокрутки страницы через плагин Lazyload на jQuery
Скачать [RAR] [1.6 КБ]
Очень популярный плагин, который позволяет нужным изображениям плавно появляться по мере того, как будет прокручиваться страница
Для начала посмотрите ДЕМО
Установка:
1#: После /head на нужных страницах вставляйте:
|
1 2 3 4 5 6 7 8 9 |
<script src="/js/jquery.lazyload.js" type="text/javascript" charset="utf-8"></script> <script> $(function() { $('img[name=fader]').lazyload({ placeholder : "/img/grey.gif", effect : "fadeIn" }); }); </script> |
2#: Картинки оформляем следующим образом:
|
1 |
<img name="fader" src="Ссылка на картинку"> |
Картинку из прикреплённого архива залейте в папку img, JS файл в папку js
Это только визуально? ведь изображения сразу подгружаются и на них накладывается серый фон, а при прокрутке серый фон убирается.. А есть такое когда при прокрутке подгружается контент? ни где еще не встречал.