Плавное появление изображений по мере прокрутки страницы через плагин Lazyload на jQuery
Очень популярный плагин, который позволяет нужным изображениям плавно появляться по мере того, как будет прокручиваться страница
Для начала посмотрите ДЕМО
Установка:
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
Это только визуально? ведь изображения сразу подгружаются и на них накладывается серый фон, а при прокрутке серый фон убирается.. А есть такое когда при прокрутке подгружается контент? ни где еще не встречал.