Permalänk
Medlem

JavaScript mouseover hjälp

Har sökt men inte hittat. Det jag söker är ett script som byter ut en annan bild, inte den man drar musen över. Har hittat en uppsjö på nätet som byter ut båda bilderna, men inte lyckats modifiera dem så att det blir som jag vill ha det.

Typ:

----------------------
| Bild som ska |
| bytas |
| |
| |
------------------------

|Bild1| |Bild2|

Om jag för musen över tex bild1 så ska den stora bytas utan att bild1 byts ut.

Hjälp ngn?

Tack på förhand.

Visa signatur

ibland så undrar man.....

Permalänk
Medlem

Det går att ordna med hjälp av lite javascripting.
Så här gjorde jag för att skapa en kartbild med fyra olika zoomnivåer som ändrades då man klickade på en av zoomnivå-knapparna (zoom1.jpg, zoom2... osv). Beroende på vilken av knapparna man klickar på så ändras källan till bilden med id="image1". Du behöver förhoppningsvis bara byta ut onclick mot onmouseover. Tänk på att inget händer vid onmouseout om du inte specar det också.

<a onclick="image1.src='/images/karta_1.gif';"> <img class="map" src="images/zoom1.jpg" border="0" /></a> <a onclick="image1.src='/images/karta_2.gif';"> <img class="map" src="images/zoom2.jpg" border="0" /></a> <a onclick="image1.src='/images/karta_3.gif';"> <img class="map" src="images/zoom3.jpg" border="0" /></a> <a onclick="image1.src='/images/karta_4.gif';"> <img class="map" src="images/zoom4.jpg" border="0" /></a> <img name="image1" src="/images/karta_1.gif" border="1" alt="Karta"/>

Visa signatur

Mor åt gröt. Far åt helvete.

Permalänk
Medlem

Tack!!!

Funkade utmärkt till skillnad från andra mastodont varianter där man ska lägga 7 a4 ark med script i headen

Visa signatur

ibland så undrar man.....

Permalänk
Medlem

här har du en mer standardlösning som validerar xhtml osv...
http://student.nackademin.com/web04224/javascript/uppgift4.ht...

3 rader javascript är inte för mycket hoppas jag

img-attributet "name" gillas inte av w3c