---
title: "document.rollover.src?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/98098-document-rollover-src"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Bosse168"
published: "2004-02-24T14:03:43.000Z"
updated: "2004-02-24T14:11:08.000Z"
replies: 1
views: 163
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/98098-document-rollover-src"
---

# document.rollover.src?

## #1 — Bosse168, 2004-02-24T14:03Z

Använder ett script som ser ut som följande:

head-delen:

\<script language="Javascript"\>
if (document.images) {
    button1 = new Image
    button2 = new Image

    button1.src = 'gfx/album/ph-am-1-neg.gif'
    button2.src = 'gfx/album/ph-am-1-pos.gif'
}
//--\>

detta är delen som skapar själva mouse over effekten:

\<a href="gfx/album/ph-am-1.html" onmouseover="document.rollover.src=button2.src"
onmouseout="document.rollover.src=button1.src"\>\<img src="gfx/album/ph-am-1-neg.gif"
border=0 name="rollover"\>\</a\>

Detta som finns här, fungerar utmärkt. Problemet är när jag försöker använda det på ännu en bild, då fungerar det inte, eller så vänder den bilden på den första bilden.

Hur använda mer än en gång?

Jag har provat att klistra in head-scriptet en extra gång för varje gång jag ska använda det, fungerade inte.

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

## #2 — andreascarlsson, 2004-02-24T14:11Z

Du måste ange vilken bild som skall ändras... T.ex:

```
<a href="test.html" onmouseover="document.rollover1.src=button2.src"
onmouseout="document.rollover1.src=button1.src"><img src="test.gif" border=0 name="rollover1"></a>

<a href="test2.html" onmouseover="document.rollover2.src=button2.src"
onmouseout="document.rollover2.src=button1.src"><img src="test.gif" border=0 name="rollover2"></a>

osv...
```

Lägg märke till att du hela tiden refererar till elementets namn i onmouseover-/outfunktionerna

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/98098-document-rollover-src