Comment faire de l'image, effet de fondu sur de défilement (comme mashable.com)

Je m'interroge sur l'effet de fondu pour les images mashable.com (voir http://mashable.com/2009/08/14/google-android-logo-remixes/ par exemple)

Comme vous le faites défiler jusqu'à l'image, il s'estompe. Ce n'est pas de décoloration sur la page de la charge, uniquement sur l'apparence réelle de l'élément sur l'écran.

Grâce.

Vous pouvez déterminer si un élément HTML est visible sur une page à l'aide de JQuery, et appeler n'importe quelle fonction dès qu'il devient visible: stackoverflow.com/questions/487073/...

OriginalL'auteur Mahmoud Al-Qudsi | 2010-05-01

  1. 9

    Il est réalisé avec le plugin jQuery Lazy Load.

    EDIT: Voici le code utilisé:

    if(! navigator.userAgent.toLowerCase().match('ipad')){
  $('#primary img').lazyload({effect:'fadeIn',placeholder:'/wp-content/themes/v6/_base/img/blank.png'});
}
    Merci, j'ai pensé que c'était quelque chose comme "retard de charge" et "lazy load" c'est 🙂

    OriginalL'auteur Vincent

  2. 1

    Trouvé la version de mootools le lazyload http://davidwalsh.name/mootools-lazyload

    OriginalL'auteur RRG

  3. 1

    Malheureusement, le Lazy Load plugin fonctionne pas dans la plupart des navigateurs, selon l'auteur le dit dans le site web officiel.

    Mais la jQuery Apparaissent Plugin faire presque la même chose! 😉

    OriginalL'auteur Tárcio Zemel

  4. 1

    Il y a un la version jQuery de lazyload trop.

    OriginalL'auteur murrydan

  5. 0

    Un YUI version est aussi disponible. En fait, le Lazy Load a été inspiré par elle.

    OriginalL'auteur Drew Noakes