nicht angemeldet
Grafiken für Mouseover im Hintergrund vorladen?!
Hi,
ich habe folgendes Problem:
Meine Linkmenu-Buttons sind mit onMouseOver dekoriert, so dass beim drüberfahren eine andere Grafik geladen werden soll.
Nun sind die Dateien etwas größer, weswegen ich sie schon im Hintergrund vorladen wollte,
onload="preloadImages();"
,nur klappt das nicht so wie es sollte und die Grafiken werden erst geladen, wenn man mit der Maus drüberfährt.
Ich danke euch schonmal für die Hilfe,
lg AlkiBerlin!
-
Nun sind die Dateien etwas größer, weswegen ich sie schon im Hintergrund vorladen wollte,
onload="preloadImages();"
Wieso sollte hier etwas vorgeladen werden?
Struppi.
-
Wieso sollte hier etwas vorgeladen werden?
Struppi.
Das ganze Skript sieht so aus:
(*)
<script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
if (document.images) {
over_bt_abzuege = newImage(/*URL*/'grafiken/bt/bta_abzuege.jpg');
over_bta_leistung = newImage(/*URL*/'grafiken/bt/bt_leistung.jpg');
preloadFlag = true;
}
}// --></script>
<body onload="preloadImages();" bgcolor="#ffffff">
(*)-
Hallo AlkiBerlin
Wieso sollte hier etwas vorgeladen werden?
Das ganze Skript sieht so aus:(*)
<script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
if (document.images) {
over_bt_abzuege = newImage(/*URL*/'grafiken/bt/bta_abzuege.jpg');
over_bta_leistung = newImage(/*URL*/'grafiken/bt/bt_leistung.jpg');
preloadFlag = true;
}
}Auch dieses SKript lädt nichts vor.
Du suchst wahrscheinlich http://glasgoogle.de um den Fehler zu finden.
Struppi.
-
Auch dieses SKript lädt nichts vor.
Hm..okay, aber gibt es denn die Möglichkeit, die Bilder im Voraus laden zu lassen, so dass sie sofort erscheinen, wenn ich mit der Maus drüberfahre?
Wenn ja wäre ich sehr dankbar, wenn Ihr mir sagen könntet wie.
lg AlkiBerlin
-
Hallo,
Hm..okay, aber gibt es denn die Möglichkeit, die Bilder im Voraus laden zu lassen, so dass sie sofort erscheinen, wenn ich mit der Maus drüberfahre?
Ja, du kannst sie in <img> Tags packen und die Attribute width="" und height="" auf 1 setzen.
Die kannst du entweder unauffällig auf der Seite verteilen oder in ein <span style="display:none"></span> packen.Gruß
Alexander Brock--
Selfcode: ss:{ zu:| ls:# fo:| de:] va:} ch:? sh:( n4:? rl:? br:> js:) ie:{ fl:| mo:}
Deshalb können Pinguine nicht fliegen:
Was nicht fliegt kann auch nicht abstürzen-
Moin
Ja, du kannst sie in <img> Tags packen und die Attribute width="" und height="" auf 1 setzen.
Dank dir für den Tip ;-Þ Hätte man ja auch selbst drauf kommen können *zwinka*
lg Alki
-
Hi,
Dank dir für den Tip ;-Þ Hätte man ja auch selbst drauf kommen können *zwinka*
2 Nachteile:
1. Browser, die WITDH/HEIGHT ignorieren, zeigen unerwünshterweise die ganze Biderpracht.
2. Da die Grafiken ohnehin mit JS genutzt werden, sollte man sie auch mit JS vorladen. Sonst laden auch Surfer ohne JS die Grafiken, obwohl sie sie gar nicht brauchen ...Und wie schrieb ich doch eben noch ins Forum bei einem älteren Thread ;-):
Ein kleines (voll-kompatibles ;-)) Vorladescript:
<script type="text/javascript" language="JavaScript1.1"><!--
if(document.images) { cache=new Array(); i=-1;
i++; cache[i]=new Image(); cache[i].src="img/grafik.gif";
}
//--></script>Gruß, Cybaer
--
Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!-
Hallöchen,
Ein kleines (voll-kompatibles ;-)) Vorladescript:
<script type="text/javascript" language="JavaScript1.1"><!--
if(document.images) { cache=new Array(); i=-1;
i++; cache[i]=new Image(); cache[i].src="img/grafik.gif"; }
//--></script>Gruß, Cybaer
Na danke, genau das hab ich gesucht, dachte schon, dass man mit JS nich vorladen kann...
Danke danke danke,
AlkiBerlin
-
-
-
-
-
-
-
-
Hallo AlkiBerlin
,nur klappt das nicht so wie es sollte und die Grafiken werden erst geladen, wenn man mit der Maus drüberfährt.
Wenn es denn unbedingt mit JavaScript sein soll,
lies dir http://selfhtml.teamone.de/javascript/beispiele/buttons.htm
genau durch, verstehe, was dort steht, und passe es für deine Seite
entsprechend an, dann dürfte es keine Probleme mehr geben.Wenn es um das Menü auf http://www.studiografen.de geht, dort ist
JavaScript dazu unnötig. Du könntest einfache Textlinks verwenden und diese
mittels CSS entsprechend formatieren.
http://selfhtml.teamone.de/css/eigenschaften/index.htm
Stichworte z.B.:- Hintergrundfarben und -bilder
- Rahmen
- Pseudoformate
MFG
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!