---
title: "Musen över en bild... lager visas... bilden ändras..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/16858-musen-över-en-bild-lager-visas-bilden-ändras"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Plutt"
published: "2000-05-18T13:32:00.000Z"
updated: "2000-05-18T13:57:00.000Z"
replies: 1
views: 389
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/16858-musen-över-en-bild-lager-visas-bilden-ändras"
---

# Musen över en bild... lager visas... bilden ändras...

## #1 — Plutt, 2000-05-18T13:32Z

Hejsan!
Jag skulle vilja göra en meny, som fungerar som följande:
Jag har några länkar.
När man drar över länken (länkarna är bilder) så byts bild, alltså onMouseOver funktion. Men samtidigt som jag drar över en länk så ska ett layer (som jag bestämmer var på sidan den ska finnas) också komma fram...

Fattar ni????

Jag har dreamweawer 2 om det är till någon hjälp...

Hejdå
Per

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

## #2 — mikael_a, 2000-05-18T13:57Z

jag brukar använda följande, men det är kanske inte så du hade tänkt dig?

3 bildbyten...

```
<script language="JavaScript">

<!--

function swtch(num, imgname) {
    if(document.images) { 
         if (!( navigator.appName.indexOf("Microsoft") >=0 &&
    navigator.appVersion.indexOf("Mac") >= 0 &&
    parseFloat(navigator.appVersion) <= 4 )) {  document[imgname].src = img[num].src; }}
}

imgsrc = new Array();
imgsrc[1] = "images/start-sida/v_meny_1a.gif";
imgsrc[2] = "images/start-sida/v_meny_1b.gif";
imgsrc[3] = "images/start-sida/v_meny_2a.gif";
imgsrc[4] = "images/start-sida/v_meny_2b.gif";
imgsrc[5] = "images/start-sida/v_meny_3a.gif";
imgsrc[6] = "images/start-sida/v_meny_3b.gif";
imgsrc[7] = "images/start-sida/v_meny_4a.gif";
imgsrc[8] = "images/start-sida/v_meny_4b.gif";
imgsrc[9] = "images/start-sida/v_meny_5a.gif";
imgsrc[10] = "images/start-sida/v_meny_5b.gif";
imgsrc[11] = "images/start-sida/v_meny_6a.gif";
imgsrc[12] = "images/start-sida/v_meny_6b.gif";
imgsrc[13] = "images/start-sida/v_meny_7a.gif";
imgsrc[14] = "images/start-sida/v_meny_7b.gif";
imgsrc[15] = "images/start-sida/v_meny_8a.gif";
imgsrc[16] = "images/start-sida/v_meny_8b.gif";

if (document.images != null) {
        img = new Array();
        for (i = 0; i < imgsrc.length; i++) {
        img[i] = new Image();
                img[i].src = imgsrc[i];
    }
}
// -->

</script>
```

sedan använder du scriptet tex så här:

```
<a href="data/forum/default.asp" onmouseover="swtch(10,'forum');window.status='Forum';return true" onmouseout="swtch(9,'forum');window.status='ändra till vad du vill';return true" target="main"><font size="1" face="Verdana"><img name="forum" border="0" src="images/start-sida/v_meny_5a.gif" width="139" height="32" alt="Forum"></font></a>
```

"forum" är namnet där den skall ändras, använd name=forum parametern på bilden du vill skall ändras.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/16858-musen-över-en-bild-lager-visas-bilden-ändras