Bilder vorladen ohne Javascript
katz
- html
0 fastix®0 Fritz0 Thomas Luethi0 katz
Weiss jemand wie man Bilder ohne Javascript zu benutzen vorladen kann(für Rollover-Bilder z.b.)?
Moin!
Weiss jemand wie man Bilder ohne Javascript zu benutzen vorladen kann(für Rollover-Bilder z.b.)?
Lade sie einfach, lege mit CSS die Eigenschaft z-index so fest, dass die Bilder für "onmousover" genau unter der "normalen" Grafik liegen.
"onmouseover" lege den z-index neu fest, so daß die Grafik dann oben ist.
Das "onmoouseout" zurückgewechselt wird musst Du dann bei der "onmouseover" - oben liegenden, also sonst untenliegenden Grafik festlegen.
Das geht in Javascript jeweils mit: document.GetElementById('objektname').style.zIndex=x;
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
Hallo,
Weiss jemand wie man Bilder ohne Javascript zu benutzen vorladen kann(für Rollover-Bilder z.b.)?
und wie wäre es, wenn Du die Bilder mit width="1px" height="1px" in Dein html einbindest? Dann müßten sie IMHO im Browserchache landen, ohne jedoch angezeigt sofort zu werden.
Oder hab ich da einen Denkfehler drin?
Gruß Fritz
Hallo,
Weiss jemand wie man Bilder ohne Javascript zu benutzen vorladen kann(für Rollover-Bilder z.b.)?
Wenn Du (katz) sowieso JavaScript verwendest und die zusaetzlichen Bilder auch nur
damit brauchst (Rollovers), dann kannst Du JS doch auch zum Vorladen der Bilder benuetzen...
und wie wäre es, wenn Du die Bilder mit width="1px" height="1px" in Dein html einbindest? Dann müßten sie IMHO im Browserchache landen, ohne jedoch angezeigt sofort zu werden.
Oder hab ich da einen Denkfehler drin?
Nein, Dein Vorschlag ist der klassische Trick und sollte AFAIK wunderbar funktionieren.
Zwei kleine Nachteile:
1. Benutzer ohne JavaScript laden die Bilder zwar auch "vor", aber sie brauchen
sie ja gar nicht, weil die Rollover-Effekte u.s.w. bei ihnen nichts bewirken.
2. Auch wenn die Seite scheinbar vollstaendig geladen ist und alles offensichtliche
bereits angezeigt wird, zeigt der Browser immer noch Lade-Aktivitaet. Kann etwas verwirren.
Gruesse,
Thomas
Wenn Du (katz) sowieso JavaScript verwendest und die zusaetzlichen Bilder auch nur damit brauchst (Rollovers), dann kannst Du JS doch auch zum Vorladen der Bilder benuetzen...
benutze statt JavaScript für den Rolloverefekt dies hier:
<a href="seld.html" onMouseOver="logo.src='navi/logo_f2.gif'" onMouseOut="logo.src='navi/logo.gif'"><img name="logo" border="0" src="navi/logo.gif" width="234" height="83"></a>
Frage: body onLoad kann nicht ohne JavaScript zum vorladen benutzt werden? Dank euch auf alle fälle
Hallo,
benutze statt JavaScript für den Rolloverefekt dies hier:
<a href="seld.html" onMouseOver="logo.src='navi/logo_f2.gif'" onMouseOut="logo.src='navi/logo.gif'"><img name="logo" border="0" src="navi/logo.gif" width="234" height="83"></a>
Frage: body onLoad kann nicht ohne JavaScript zum vorladen benutzt werden? Dank euch auf alle fälle
All das _ist_ JavaScript.
onLoad, onMouseOver und onMouseOut sind sogenannte Event-Handler, siehe
http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm
Wenn JavaScript deaktiviert ist, funktioniert nichts von alledem.
Deshalb ist es konsequent, das Vorladen mit JavaScript zu machen,
denn dann werden die Rollover-Bilder nur vorgeladen, wenn sie
spaeter tatsaechlich gebraucht werden.
Gruesse,
Thomas