webForumDet fria alternativet

Byta ut bild vid MouseOver..

JavaScript

2 svar · 477 visningar · startad av webbSAJTEN

Medlem sedan jan. 2002992 inlägg
Frågan#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

250 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
121 ms — ändringar (db)