Grafiken vorladen

r.muk · 10. Juli 2013

Hallo!
Ich möchte auf einer Seite es so einstellen, dass die rollover Bilder/Grafiken schon im Hintergrund geladen werden, damit der Effekt ohne Verzögerungen läuft.
Sonst läuft das ganze nicht so flüssig. Kann bitte jemand mir sagen wie kann ich es einstellen.
Danke im Voraus.
Raul

andy67 · 10. Juli 2013

Hi !

Vielleicht ist das hier etwas für dich ! Link

r.muk · 10. Juli 2013

Hallo andy67,

danke für den Link, allerdings steht da so viel unterschiedliches, dass ich nicht wirklich durchblicke.
ich habe zum Beispiel über folgenden HTML-Code folgender Rollover-Effekt:

HTML

<a href="http://www.rm-minden.de/homepageerstellung.html" target="_blank"><img src="images/Homepage.png" alt="" onmouseout=
"javascript:this.src='images/Homepage.png';" onmouseover=
"javascript:this.src='images/Homepage-w.png';" /></a>

Wie soll ich am besten vorgehen um das Bild "Homepage-w.png" das in images eingebunden ist, schon im Vorfeld geladen wird.

andy67 · 10. Juli 2013

Ich habe das Skript noch nicht getestet, aber binde es unter den "eigenschaften der Seite" ein wo du das HTML-Objekt hast das die Bilder anzeigt !

JavaScript

<script type="text/javascript" language="JavaScript">
<!--
// dieser Array dient nur zur Auflistung der Bilder
var BildListe = new Array();
BildListe[0] = "../images/Homepage.png";
BildListe[1] = "../images/Homepage-w.png";
// vorzuladene Bilder werden nun in den neuen Array 'Bilder' geschrieben
var Bilder = new Array()
function Vorladen01()
{
for (i = 0; i < BildListe.length; i++) {
Bilder[i] = new Image();
Bilder[i].src = BildListe[i];
}
}
Vorladen01();
//-->
</script>

Alles anzeigen

r.muk · 10. Juli 2013

Es scheint zu funktionieren. Ich habe allerdings mehrere Bilder eingetragen und durchnummeriert.
Das darf nicht schaden oder?
So sieht es jetzt aus:

HTML

<script type="text/javascript" language="JavaScript">
<!--
// dieser Array dient nur zur Auflistung der Bilder
var BildListe = new Array();
BildListe[0] = "../images/Homepage.png";
BildListe[1] = "../images/Homepage-w.png";
BildListe[2] = "../images/Festkosten.png";
BildListe[3] = "../images/Festkosten-w.png";
BildListe[4] = "../images/Galerie.png";
BildListe[5] = "../images/Galerie-w.png";
BildListe[6] = "../images/Gold.png";
BildListe[7] = "../images/Gold-w.png";
BildListe[8] = "../images/Immobilien.png";
BildListe[9] = "../images/Immobilien-w.png";
BildListe[10] = "../images/Lyoness.png";
BildListe[11] = "../images/Lyoness-w.png";
BildListe[12] = "../images/MLH.png";
BildListe[13] = "../images/MLH-w.png";
BildListe[14] = "../images/Talkfusion.png";
BildListe[15] = "../images/Talkfusion-w.png";
BildListe[16] = "../images/Versicherung.png";
BildListe[17] = "../images/Versicherung-w.png";
// vorzuladene Bilder werden nun in den neuen Array 'Bilder' geschrieben
var Bilder = new Array()
function Vorladen01()
{
for (i = 0; i < BildListe.length; i++) {
Bilder[i] = new Image();
Bilder[i].src = BildListe[i];
}
}
Vorladen01();
//-->
</script>

Alles anzeigen

r.muk · 10. Juli 2013

Danke vielmals für die Hilfe!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Grafiken vorladen

Teilen

Tags