Hallo Experten,
ich Suche nach einer Lösung für eine Mouse-Over-Variante. In diesem speziellen Fall sollen jedoch keine Grafiken gegenseitig ausgetauscht werden, sobald die Mause über ein Objekt bewegt wird, es handelt sich um einen Link und eine Grafik.
Beispiel:
Ich fahre mit der Maus über einen Link, neben dem Link wird eine Grafik eingeblendet; der Mauspfeil wird von dem Link entfernt und die Grafik wird wieder ausgeblendet.
Wie zum Henker macht man so etwas???
Gruß
Michael
Hallo,
Dein Problem verstehe ich nicht ganz, denn es ist das gleiche als wenn Du Deine Grafik direkt umlaedst.
In Deinem Text-Link, was ein a-Tag ist, baust Du die Events onMouseover und onMouseout ein die eine Funktion aufrufen, die dann die Grafik -an die Du ueber die images-Collection rankommst-austauscht.
var imgOver = new Image(20,20);
var imgOut = new Image(20,20);
imgOver.src = „./imageover.gif“;
imgOut.src = „./imageout.gif“;
function onChangeImg(imgName)
{
if (!imgName) return;
var cmdStr = „window.document.images.idMyImg.src=“ + imgName + „.src;“
eval(cmdStr);
}
CU
Hallo Vir2allender,
OK, OK ich seien dumm! 
)) Es funktioniert genau so wie Du es gesagt hast. Leider bin ich eine JavaScript-Niete…wie kann ich das ganze auf mehrere Links anwenden? Könntest Du mir noch ein Beispiel bringen??? Vielen, vielen Dank im Voraus!!!
CU Michael
Hallo nochmal,
das geht am besten, wenn Du die Function um einen weiteren Parameter ergaenzt,
der sozusagen den Target des umzuladenen Images angibt:
var imgOver1 = new Image(20,20);
var imgOut1 = new Image(20,20);
var imgOver2 = new Image(30,30);
var imgOut2 = new Image(30,30);
var imgOver3 = new Image(10,10);
var imgOut3 = new Image(10,10);
imgOver1.src = "./imageover1.gif";
imgOut1.src = "./imageout1.gif";
imgOver2.src = "./imageover2.gif";
imgOut2.src = "./imageout2.gif";
imgOver3.src = "./imageover3.gif";
imgOut3.src = "./imageout3.gif";
[TextLink1](...)
[TextLink2](...)
[TextLink3](...)
function onChangeImg(imgObj,imgId)
{
if (onChangeImg.arguments.length != 2) return;
var cmdStr = "window.document.images."+imgId+".src="+imgObj+".src;"
eval(cmdStr);
}
Sollte so funktionieren…
CU
Vielen Dank, werd ich gleich mal ausprobieren…
CU
Michael