---
title: "Byta ut bild vid MouseOver.."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/143130-byta-ut-bild-vid-mouseover"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "webbSAJTEN"
published: "2006-02-27T19:26:53.000Z"
updated: "2006-02-27T21:46:19.000Z"
replies: 2
views: 480
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/143130-byta-ut-bild-vid-mouseover"
---

# Byta ut bild vid MouseOver..

## #1 — webbSAJTEN, 2006-02-27T19:26Z

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!

Permalänk: https://www.webforum.nu/p/143130

## #2 — nitro2k01, 2006-02-27T20:55Z

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">
```

Permalänk: https://www.webforum.nu/p/1772311

## #3 — webbSAJTEN, 2006-02-27T21:46Z

Skitsnyggt :D

Permalänk: https://www.webforum.nu/p/1772340

---

Tråden på webben: https://www.webforum.nu/amne/javascript/143130-byta-ut-bild-vid-mouseover