webForumDet fria alternativet

Problem med roll-over-bild-skript

JavaScript

3 svar · 377 visningar · startad av kris

Medlem sedan sep. 200278 inlägg
Frågan#1

Använder följande funktion för att byta en bild mot en annan när muspekare förs över den.

function rollover(image) {
     document.getElementById("image1").src=image;
}

Och följande kod för bilden

<img src="bild.png" id="image1" onmouseover="rollover('bild2.png')" onmouseout="rollover('bild')" />

Detta fungerar utmärkt för mig förutom en sak; när man håller muspekaren över och den andra bilden kommer fram så ligger den ungefär en pixel under den andra bilden. Någon som vet varför det blir så och som kan hjälpa mig att fixa till det?

tack på förhand
/kris

Medlem sedan juni 20004 308 inlägg
#2

Det måste bero på att bilden bild2.png är 1pixel förskjuten (i filen alltså, inte i positionering på sidan) jämfört med bild.png. Kan du länka till sidan så man får titta på bilderna?

Medlem sedan sep. 200278 inlägg
#3

Visst var det det! :r Och jag som trodde att jag hade kollat det.

Medlem sedan feb. 20034 441 inlägg
#4

kris skrev:

Visst var det det! :r Och jag som trodde att jag hade kollat det.

Acceptera gärna ovanstående som slutgiltigt svar ;)

256 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)