Preload bei mouseover

Hallo!

Ich befinde mich zur Zeit in einer recht komischen Situtation da mir
eine Person nicht glauben moechte, dass ich es anders loesen kann. Ich
erzeuge mit folgendem Script einen Mouseover bei einem Bild:

<script language="JavaScript" type="text/javascript">
<!--
var img = new Array;
var d = document;
var t = false;

b0 = new Image();
b0.src = "images/links/home_1.gif";
b0on = new Image();
b0on.src = "images/links/home_2.gif";


function on3(name) {
d[name].src = eval(name + "on.src");
}
function off3(name) {
d[name].src = eval(name + ".src");
}

var t = true;

function on(name) {
if(t) on3(name);
}

function off(name) {
if(t) off3(name);
}
//-->
</script>

So rufe ich es auf:

<a href="index.php" onmouseover="on('b0'); return true;"
onmouseout="off('b0'); return true;"><img name="b0"
src="images/links/home_1.gif" border="0" alt="Home"></a>

Nun zum Problem: Die betreffende Person moechte, dass die MouOver-Bilder
schon waehrend des Ladens der Seite funktionieren. Also nicht, wie es
jetzt ist, dass die Bilder beim laden der Seite in den Cache geladen
werden und dann beim herueberfahren ohne Verzoegerung aufgerufen werden.
Ist dies ueberhaupt moeglich? Ich bin der Ansicht, dass ich das nicht
steuern kann.

Ueber eine Antwort waere ich sehr dankbar.

MfG Lukas

Lukas Meinertz wrote:

script language="JavaScript" type="text/javascript"
!--
var img = new Array;
^^^^^^^^^^^^^^^^^^^

Wozu?

var d = document;
var t = false;

b0 = new Image();
b0.src = "images/links/home_1.gif";
b0on = new Image();
b0on.src = "images/links/home_2.gif";

var _global = this;

function on3(name) {
d[name].src = eval(name + "on.src");

eval() is evil[tm], Deine Referenzierung proprietär
und durch nichts abgesichert.

var img;
if (d.images && (img = d.images[name]))
{
img.src = _global[name + "on"].src;
}

Siehe <http://pointedears.de/scripts/test/whatami/>.

}

[...]
var t = true;

function on(name) {
if(t) on3(name);
}

function off(name) {
if(t) off3(name);
}

Wozu?

//--
/script

So rufe ich es auf:

a href="index.php" onmouseover="on('b0'); return true;"
onmouseout="off('b0'); return true;"><img name="b0"
src="images/links/home_1.gif" border="0" alt="Home"></a

Was denkst Du, was das "return true" in einem onmouse*-Handler bewirke?

Nun zum Problem: Die betreffende Person moechte, dass die MouOver-Bilder
schon waehrend des Ladens der Seite funktionieren.

Möglich. Die Image-Objekte kann man durchaus vorher erzeugen, was Du ja
auch tust. Ob die document.images-Collection vor dem Ende des Ladens
des Dokuments schon verfügbar ist bzw. ob sie überhaupt jemals verfügbar
ist, hängt jedoch vom jeweiligen DOM und damit vom UA ab.

Wir haben das sogenannte "Vorladen" und die damit einhergehenden
Probleme hier bereits mehrfach diskutiert (woraus u.a. hoverMe[1]
entstanden ist). Google ist Dein Freund [psf 6.1], siehe FAQ-Pointer.


PointedEars
___________
[1] <http://pointedears.de/scripts/test/hoverMe/>

Hallo!

Thomas 'PointedEars' Lahn wrote:

[...]
Nun zum Problem: Die betreffende Person moechte, dass die MouOver-Bilder
schon waehrend des Ladens der Seite funktionieren.

Möglich. Die Image-Objekte kann man durchaus vorher erzeugen, was Du ja
auch tust. Ob die document.images-Collection vor dem Ende des Ladens
des Dokuments schon verfügbar ist bzw. ob sie überhaupt jemals verfügbar
ist, hängt jedoch vom jeweiligen DOM und damit vom UA ab.
Vielen Dank fuer die schnelle Antwort. Ich kann es also nicht steuern

und das hierbei noch ein paar Fehler meinerseits entfernt wurden, hat
einen schoenen Nebeneffekt

Gruss,
Lukas

Lukas Meinertz schrieb:

Nun zum Problem: Die betreffende Person moechte, dass die MouOver-Bilder
schon waehrend des Ladens der Seite funktionieren. Also nicht, wie es
jetzt ist, dass die Bilder beim laden der Seite in den Cache geladen
werden und dann beim herueberfahren ohne Verzoegerung aufgerufen werden.
Ist dies ueberhaupt moeglich? Ich bin der Ansicht, dass ich das nicht
steuern kann.

Nicht direkt. Eine Möglichkeit ist vielleicht, in der vorhergehenden
Seite, die deine Seite aufruft, schon solche "new image()"-Befehle
einzubauen. Damit hast du die Bilder schon im Cache, wenn deine Seite
aufgerufen wird.
Geht natürlich nicht, wenn deine Seite keinen Vorgänger hat.

B.

--
BM Computer-Services, Bergmannstr. 66, 10961 Berlin
Webdesign, Internet, Layout und Grafik
Tel.: 030/20649400, mobil 0175/7419517, Fax: 030/20649401
Web: http://www.bmservices.de, eMail: kontakt (AT) bmservices (DOT) de

Bernd Muent wrote:

[...] Eine Möglichkeit ist vielleicht, in der vorhergehenden
Seite, die deine Seite aufruft, schon solche "new image()"-Befehle

Wenn überhaupt, dann new Image(). ECMAScript/JS ist case-sensitive.

einzubauen. Damit hast du die Bilder schon im Cache, wenn deine Seite
aufgerufen wird.

Vielleicht, vielleicht auch nicht. Es ist *mein* Cache.

Geht natürlich nicht, wenn deine Seite keinen Vorgänger hat.

Eine (gute) Website hat nicht wirklich einen Anfang oder besteht aus
Seiten. man Google


PointedEars

Bernd Muent wrote:

Lukas Meinertz schrieb:

Nun zum Problem: Die betreffende Person moechte, dass die
MouOver-Bilder schon waehrend des Ladens der Seite funktionieren. Also
nicht, wie es jetzt ist, dass die Bilder beim laden der Seite in den
Cache geladen werden und dann beim herueberfahren ohne Verzoegerung
aufgerufen werden. Ist dies ueberhaupt moeglich? Ich bin der Ansicht,
dass ich das nicht steuern kann.


Nicht direkt. Eine Möglichkeit ist vielleicht, in der vorhergehenden
Seite, die deine Seite aufruft, schon solche "new image()"-Befehle
einzubauen. Damit hast du die Bilder schon im Cache, wenn deine Seite
aufgerufen wird.
Geht natürlich nicht, wenn deine Seite keinen Vorgänger hat.
Es ist keine "Startseite" vorhanden, also faellt diese Methode aus.

Trotzdem danke.