nicht angemeldet
onMouseOver
Sorry, mal wieder die leidige Frage nach dem OnMouseOver-Effekt. Ich habe es zwar geschafft, daß sich einer der sieben Inhaltspunkte ändert (anderes Image), aber beim Rest bin ich ratlos...
Schaut Euch doch bitte mal den Quellcode des linken Frames an unter
http://members.aol.com/LVassilian
Vielen, vielen Dank im Voraus...
-
Hi,
zum einen kann man beim erstellen eines Image-Objekts - soweit ich weiß - keine Argumente übergeben (new Image(75,50)).
Zum anderen wird das Script ja auch nur auf das erste Bild angewand.
Guck doch einfach mal unter
http://www.teamone.de/selfhtml/tedg.htmMfG Simon
-
Hi,
zum einen kann man beim erstellen eines Image-Objekts - soweit ich weiß - keine Argumente übergeben (new Image(75,50)).Da muss ich dir wiedersprechen, meines Wissens kann man das sehr wohl machen
gruss
Thorsten
-
-
Sorry, mal wieder die leidige Frage nach dem OnMouseOver-Effekt. Ich habe es zwar geschafft, daß sich einer der sieben Inhaltspunkte ändert (anderes Image), aber beim Rest bin ich ratlos...
Schaut Euch doch bitte mal den Quellcode des linken Frames an unter
http://members.aol.com/LVassilianVielen, vielen Dank im Voraus...
Hallo,
also so ganz kann ich Dein Problem nicht nachvollziehen. Erstens hast Du 2lebenslauf.bmp nicht da wo es sein sollte (kann nicht geladen werden).
Zweitens hast Du für die anderen "Buttons" keinen Wechsel programmiert.
Drittens würde ich keinesfalls .bmp Grafiken nehmen, sondern ausschließlich .gif, .jpg oder .png.Ich würde auch die Größenbezeichnungen in der IMG-Definition weglassen, lieber alle gleich groß machen...
Gruß
Harald
-
Erstmal habe ich kein einziges bild aus dem linken frame gesehen, liegt daran, dass du sie im BMP-Format hast, speicher die Bilder doch im GIF-Format ab.
hier noch ein kleines Beispiel
<script language="JavaScript">
<!--if (document.images)
{
HighBild = new Array(4);
HighBild[0] = new Image(x,y);
HighBild[1] = new Image(x,y);
HighBild[2] = new Image(x,y);
HighBild[3] = new Image(x,y);
HighBild[4] = new Image(x,y);
NormBild = new Array(4);
NormBild[0] = new Image(x,y);
NormBild[1] = new Image(x,y);
NormBild[2] = new Image(x,y);
NormBild[3] = new Image(x,y);
NormBild[4] = new Image(x,y);
}
function highlight(Name,Nr)
{
if (document.iamges)
{
document.images[''+Name].src=HighBild[Nr].src;
}}
function normal(Name,Nr)
{
if (document.iamges)
{
document.images[''+Name].src=NormBild[Nr].src;
}
}//-->
</script><body>
<a href="xxx.htm" onmouseover="highligh('bild0',0)" onmouseout="normal('bild0',0)"><img scr="xxx.gif" name="bild0" height="xx" width="xx"></a>
<a href="xxx.htm" onmouseover="highligh('bild1',1)" onmouseout="normal('bild1',1)"><img scr="xxx.gif" name="bild1" height="xx" width="xx"></a>
<a href="xxx.htm" onmouseover="highligh('bild2',2)" onmouseout="normal('bild2',2)"><img scr="xxx.gif" name="bild2" height="xx" width="xx"></a>
<a href="xxx.htm" onmouseover="highligh('bild3',3)" onmouseout="normal('bild3',3)"><img scr="xxx.gif" name="bild3" height="xx" width="xx"></a>
<a href="xxx.htm" onmouseover="highligh('bild4',4)" onmouseout="normal('bild4'4)"><img scr="xxx.gif" name="bild4" height="xx" width="xx"></a></body>
Das beispiel funktioniert für 5 Bilder, wenn du mehr oder weniger brauchts musst du es entsprechend abändern, hab es nicht getestet, denke muss aber trotzdem funktionieren.
In die jeweiligen Platzhalter (xxx, x, y) müssen noch die entsprechenden Werte eingetragen werden.
gruss
Thorsten
-
......
NormBild[1] = new Image(x,y);
NormBild[2] = new Image(x,y);
NormBild[3] = new Image(x,y);
NormBild[4] = new Image(x,y);oje, an der Stelle fehlen noch die Source-Zuweisungen
Also
HighBild[0].src ="xxx.gif";
HighBild[1].src ="xxx.gif";
HighBild[2].src ="xxx.gif";
HighBild[3].src ="xxx.gif";
HighBild[4].src ="xxx.gif";NormBild[0].src ="xxx.gif";
NormBild[1].src ="xxx.gif";
NormBild[2].src ="xxx.gif";
NormBild[3].src ="xxx.gif";
NormBild[4].src ="xxx.gif";
-