Как сделать эффект усиления изображения при прокрутке (например, mashable.com)

Question

Меня интересует эффект постепенного появления изображений на mashable.com (см., Например, http://mashable.com/2009/08/14/google-android-logo-remixes/)

При прокрутке изображения оно исчезает. Оно не исчезает при загрузке страницы, а только при фактическом появлении элемента на экране.

Спасибо.

Answer 1

Это достигается с помощью плагина jQuery Lazy Load .

EDIT: Вот код, который они использовали:

if(! navigator.userAgent.toLowerCase().match('ipad')){
  $('#primary img').lazyload({effect:'fadeIn',placeholder:'/wp-content/themes/v6/_base/img/blank.png'});
}

Answer 2

К сожалению, плагин Lazy Load не работает в большинстве современных браузеров, , по словам собственного автора, говорится на официальном сайте .

Но плагин jQuery Appear делает почти то же самое! ; -)

Answer 3

Существует также jQuery-версия lazyload .

Answer 4

Найдена версия lazyload mootools http://davidwalsh.name/mootools-lazyload

Answer 5

A YUI версия также доступна. Фактически, Lazy Load был вдохновлен этим.