Modul Dynamic display block: Bilder mit Ladebalken laden
Eingetragen von Drupimo (109)am 26.06.2010 - 09:27 Uhr in
Hi zusammen,
ich nutze das Modul Dynamic display block als selbstablaufende Bilderanimation. Es funktioniert prima. Nur ist es ja so, dass zuerst
alle Bilder geladen werden, bis das erste erscheint. D.h. die Seite lädt zu lange bis der Betrachter etwas sieht.
Gibt es die Möglichkeit, dass die Bilder erst dann geladen werden, wenn z.B. das erste Bild bereits sichtbar ist?
Eine andere Möglichkeit wäre, einen Ladebalken zu installieren. Gibt es hierfür ein Modul?
Danke schonmal.
Grüße
Timo
- Anmelden oder Registrieren um Kommentare zu schreiben
CSS: background-image
am 26.06.2010 - 09:48 Uhr
Hallo Timo,
ich mach das meistens mit CSS:
.image {background-image: url(loader.gif);
}
wenn das Bild dann da ist überdeckt es den Hintergrund ....
loader.gif kannst du erstellen z.B. bei http://ajaxload.info/
Danke für den Tipp.
am 30.06.2010 - 10:06 Uhr
Danke für den Tipp. Ajaxload.info ist ja super. Leider funktioniert das so nicht. Der Fehler liegt bei mir wohl woanders.
Es dauert bei meiner Seite ewig bis irgendein Inhalt sichtbar ist (bei jedem Browser und Bandbreite). Obwohl die Datenmengen sehr gering sind. Auf der Startseite ist z.B. nur eine kleine Logografik, wenig Text und eben ein Dynamic Display Block mit 10 Bildern á ca. 120 kb vorhanden. Blöderweise
wird die Seite erst angezeigt, wenn alle Bilder des DDB geladen wurden. Kann ich dies umgehen? Außerdem wird die Datei loader.gif
auch erst angezeigt wenn eh das Bild schon geladen wurde. Was läuft denn hier schief?
Grüße
Timo
Online ?
am 30.06.2010 - 10:28 Uhr
Hallo Timo,
ist die Seite online ? Hast du einen Link ?
Online ?
am 30.06.2010 - 10:28 Uhr
Hallo Timo,
ist die Seite online ? Hast du einen Link ?
jepp: www.timoschwarz.com
am 30.06.2010 - 10:59 Uhr
jepp:
www.timoschwarz.com
viele Bilder
am 30.06.2010 - 11:46 Uhr
Ich habe das mal analisieren lassen: http://analyze.websiteoptimization.com/authenticate.php?url=http://www.t...
Ergebnis unter anderem: HTML Images: 1281469 Byte => das sind über 1 MEGAByte !
meines Ermessens ganz schön viel !
desweiteren sind die js-Scripte unter
libraries/shadowbox/players/
libraries/shadowbox/adapters/
libraries/shadowbox/languages/ nicht vorhanden aber im
<head>aufgerufen !bezüglich Loader: versuch mal per CSS dem body als Background deinen Ajaxloader mittig zu geben
Hmm ja, die Dateimenge der
am 30.06.2010 - 12:01 Uhr
Hmm ja, die Dateimenge der Bilder ist groß. Aber genau deshalb suche ich ja eine Möglichkeit zuerst den "Rest" anzeigen zu lassen.
Schön wäre ja, wenn die Bilder nach und nach geladen werden und nicht gleich alle auf einmal bis das erste dargestellt wird.
Warum die js-Scripte im Head stehen - keine Ahnung. Dafür ist das Modul verantwortlich ;)
Wenn ich den Loader in den Body als Background platziere, erscheint dieser auf jeder Seite. Das macht so leider auch keinen Sinn.
Ich habe nach einem Modul gesucht, das die ganze Seite lädt und einen Preloader mit Ladebalken davorschaltet, so wie man es von Flash-Seiten kennt. Da habe ich aber leider auch nichts gefunden.
Zitat: Warum die js-Scripte
am 30.06.2010 - 14:08 Uhr
Warum die js-Scripte im Head stehen - keine Ahnung. Dafür ist das Modul verantwortlich ;)
Ja schon, aber wenn die Dateien dann nicht vorhanden sind (deine Verantwortung) verzögert sich das Laden der Seite erheblich !
Das Datenpaket von Shadowbox
am 30.06.2010 - 22:12 Uhr
Das Datenpaket von Shadowbox enthält komischerweise keine Dateien bzw. Dateistruktur wie im Head angegeben.
Naja, dann muss ich halt mit der Geschwindigkeit leben. Trotzdem danke für die Unterstützung!