Wie das Bild fade-in-Effekt beim scrollen (wie mashable.com)

Ich wundere mich über die fade-in-Effekt für Bilder auf mashable.com (siehe http://mashable.com/2009/08/14/google-android-logo-remixes/ zum Beispiel)

Als Sie navigieren Sie zu dem Bild, es verblasst in. Es ist nicht verblassen in der Seite geladen, nur auf das tatsächliche Aussehen des Elements auf dem Bildschirm.

Dank.

InformationsquelleAutor Mahmoud Al-Qudsi | 2010-05-01
  1. 9

    Erreicht man mit dem jQuery-plugin Lazy Load.

    EDIT: Hier der code, den Sie verwendet:

    if(! navigator.userAgent.toLowerCase().match('ipad')){
  $('#primary img').lazyload({effect:'fadeIn',placeholder:'/wp-content/themes/v6/_base/img/blank.png'});
}
    • Danke, ich dachte, es war etwas wie "delay-load" und "lazy load" ist es 🙂
    InformationsquelleAutor Vincent
  2. 1

    Fand die mootools-version des lazyload http://davidwalsh.name/mootools-lazyload

    InformationsquelleAutor RRG
  3. 1

    Leider, das Lazy Load plugin nicht funktioniert in den meisten aktuellen Browsern, nach dem eigenen Autor, sagt in der offiziellen web-site.

    Aber die jQuery-Plugin Angezeigt tun fast das gleiche! 😉

    InformationsquelleAutor Tárcio Zemel
  5. 0

    Einen YUI version ist auch vorhanden. In der Tat, Lazy Load war inspiriert.

    InformationsquelleAutor Drew Noakes
Schreibe einen Kommentar