• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

imagewechsel bei mouseover

E

Entropic Empire

New member
Hallo und guten Morgen!

Ich kämpfe mit einem kleinen Java Script Problem:

Ich habe zwei Text-Links, darunter ein "leeres", weißes Bild graphic3.gif,

Wenn die Maus über die Links bewegt wird, soll an der Stelle des leeren Bildes ein anderes Bild erscheinen (bei Link 1 graphic1.gif, bei Link 2 graphic2.gif).

Wie könnte ein solches Script aussehen?

Erweiterung 1: Ist es möglich, zusammen mit der Änderung des Bildes bei ‚mouseover' auch eine Änderung des Textes im Status-Bar hinzukriegen?

Erweiterung 2: Kann das Script so geändert werden, daß die Bilder "preloaded" werden?

Any ideas?

Vielen Dank!
 
Tach auch

Wäre ja nicht schlecht wenn du mal den Script mit postest, das man mal drüber schauen kann wo der Fehler liegt

cu quaky
 
besser als das script zu posten, wäre ne URL zum ankucken.
ciao,
mo
 
<HTML>
<HEAD>
<TITLE>test</TITLE>
Hallo!

Hier der Code für die Seite so far...
Wenn der Mauszeiger über Link 1 bewegt wird, soll statt "empty2.gif" "image1.gif" erscheinen und bei Link 2 "image2.gif".

Vielen Dank!


</HEAD>

<BODY>

<A HREF="file1.html" onMouseOver="window.status='hier gehts zu file 1';return true;" onMouseOut="window.status='';">link 1</A>

<P>

<A HREF="file2.html" onMouseOver="window.status='hier gehts zu file 2';return true;" onMouseOut="window.status='';">link 2</A>

<P>

<IMG SRC="empty2.gif" HEIGHT=105 WIDTH=105>

</BODY>
</HTML>
 
Hallo

Probiere den mal

Im kopf:
<script language=javascript>
<!--
menuImages = new Array(12);
for(i = 1; i <= 7; i++)
{ menuImages = new Image();
menuImages.src = "./grafik/b_"+i+".gif";
menuImages[i+10] = new Image();
menuImages[i+10].src = "./grafik/b_1"+i+".gif";
}

function bild(loc,img)
{
loc.src=menuImages.src;
}
//-->
</script>

Im Body:

< a href=link.htm onmouseover="bild(b1,1); status='Erstes Bild'; return true;" onmouseout="bild(b1,11); satus='Raus';"><img name=b1 src=./b_1.gif border=0></a>

1.Bild: b_1.gif
2.Bild: b_11.gif oder umgekehrt.

Hoffe konnte helfen

cu quaky
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben