Byta ut bild vid MouseOver..

JavaScript

2 svar · 480 visningar · startad av webbSAJTEN

Medlem sedan jan. 2002992 inlägg
Trådstart#1

Tjenare!
Jag skulle vilja byta ut en bild när man håller musen över en helt annan bild..
Jag tänkte ha miniatyrbilder och när man för musen över dem så ska en större bild visas på en annan plats på sidan där de finns en bild, som skall bytas ut.

Jag vet bara hur man förhandsvisar bilder som man vill ladda upp via ett formlär, tänkte att detta var något liknande..

Hoppas någon kan hjälpa mig!

Medlem sedan aug. 20039 340 inlägg
#2

Om filerna heter bild1.jpg, bild2.jpg, osv och miniatyrerna bild1_mini.jpg, bild2_mini.jpgosv...

<script type="text/javascript">
function bigIn(th){
  document.getElementById("bigimage").src=th.src.replace(/\_mini/i, "");
}

function bigOut(){
  document.getElementById("bigimage").src="placeholder.gif";
}
</script>
<img src="bild1_mini.gif" onmouseover="bigIn(this);" onmouseout="bigOut();"/>
<img src="bild2_mini.gif" onmouseover="bigIn(this);" onmouseout="bigOut();"/>
<img src="bild3_mini.gif" onmouseover="bigIn(this);" onmouseout="bigOut();"/>
...

<img src="placeholder.gif" id="bigimage">
Medlem sedan jan. 2002992 inlägg
#3

Skitsnyggt :D

276 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
132 ms — deklarationer (db)
0 ms — hämta statistik (cache)
141 ms — hämta tråd, inlägg och bilagor (db)
132 ms — ändringar (db)