Ich frage mich, über den Fade-in-Effekt tunWie für Bilder auf mashable.com das Bild Fade-in-Effekt auf blättern (wie mashable.com)
(http://mashable.com/2009/08/14/google-android-logo-remixes/ siehe zum Beispiel) Wie Sie navigieren Sie zu Das Bild wird eingeblendet. Es wird nicht beim Laden der Seite eingeblendet, sondern nur bei der tatsächlichen Darstellung des Objekts auf dem Bildschirm.
Danke.
Es ist mit dem jQuery-Plugin Lazy Load erreicht.
EDIT: Hier ist 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 so etwas wie "Verzögerung laden" und "Lazy Load" ist es :) –
die Mootools Version des lazyload gefunden http://davidwalsh.name/mootools-lazyload
A YUI version auch verfügbar ist. In der Tat wurde Lazy Load von ihm inspiriert.
Es gibt auch eine jQuery version of lazyload.
Leider funktioniert das Lazy Load Plugin nicht in den meisten aktuellen Browsern, according the own author says in the official web site.
Aber die jQuery Appear Plugin tun fast die gleiche Sache! ;-)
Sie können feststellen, ob ein HTML-Element auf einer Seite mit JQuery sichtbar ist, und jede Funktion aufrufen, sobald sie sichtbar wird: http://stackoverflow.com/questions/487073/check-if-element- is-visible-after-scrolling –