Если у вас очень длинный сайт, этот скрипт придаст вам изюминку. По мере прокрутки вниз картинки будут плавно появляться с эффектом 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="Ссылка на картинку">
Осталось Загрузить на сайт:
jquery.lazyload.js в папку js
grey.gif в папку images