---
title: "vill att en textfras ska visas samtidigt som en bild byts ut..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/90398-vill-att-en-textfras-ska-visas-samtidigt-som-en-bild-byts-ut"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "macgunde"
published: "2003-11-14T11:35:57.000Z"
updated: "2003-11-14T22:39:34.000Z"
replies: 9
views: 275
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/90398-vill-att-en-textfras-ska-visas-samtidigt-som-en-bild-byts-ut"
---

# vill att en textfras ska visas samtidigt som en bild byts ut...

## #1 — macgunde, 2003-11-14T11:35Z

Hej   jag har ett problem med min hemsida...
Jag vill att när jag dra över muspekaren över en av småbilderna så ska den bytas ut mot en annan... 
detta problem har jag löst genom ett JavaScript. se #1

Men samtidigt så vill jag att det ska komma fram en specifik textfras under eller över som beskriver länken... 
Är det någon som kan hjälpa mig med detta?

```php
<SCRIPT LANGUAGE="JavaScript">
    <!--    
      function visaBild (bildNamn,bildURL) {
        document[bildNamn].src=bildURL;
      }
      //-->
    </SCRIPT>
```

```php
<td><a href="html/ljud.html" onMouseover="visaBild ('over_1','thumb/ljud_over_1.gif');" 
       onMouseout ="visaBild ('over_1','thumb/over_1.gif');"><img src="thumb/over_1.gif" 
       name="over_1" width="40" height="40" border="0"></a></td>
      <td><a href="#" onMouseover="visaBild ('over_2','thumb/ljud_over_2.gif');" 
       onMouseout ="visaBild ('over_2','thumb/over_2.gif');"><img src="thumb/over_2.gif" 
       name="over_2" width="40" height="40" border="0"></a></td>
      <td><a href="#" onMouseover="visaBild ('over_3','thumb/ljud_over_3.gif');" 
       onMouseout ="visaBild ('over_3','thumb/over_3.gif');"><img src="thumb/over_3.gif" 
       name="over_3" width="40" height="40" border="0"></a></td>
      <td><img src="thumb/over_4.gif" name="over_4" width="40" height="40" border="0"></td>
```

 

Tack på förhand!

\--
Daniel

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

## #2 — nitro2k01, 2003-11-14T12:08Z

Du kan ju alltid använda alt="Nånting" för img-taggen.

Men jag antar att du snarare letade efter något sånt här...

Ändra skriptet till:

```
 
<SCRIPT LANGUAGE="JavaScript">
    <!--    
      function visaBild (bildNamn,bildURL,comment) {
        document[bildNamn].src=bildURL;
        if (comment)
          document.getElementById("comment")=comment;
        else
          document.getElementById("comment")="Placera musen över en bild...";
      }
      //-->
    </SCRIPT>
```

 

Du kallar funktionen så här.

```
 
<td><a href="html/ljud.html" onMouseover="visaBild ('over_1','thumb/ljud_over_1.gif','test av text');" 
       onMouseout ="visaBild ('over_1','thumb/over_1.gif');"><img src="thumb/over_1.gif" 
       name="over_1" width="40" height="40" border="0"></a>

...
<div id=comment>
Placera musen över en bild...
</div>
```

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

## #3 — macgunde, 2003-11-14T12:13Z

Jag kanske skrev lite otydligt... de jag ville var att ifall jag går över en bild så ändras bilden till en ann och en beskrivande text vad länken handlar om ska komma upp...   Men jag ska testa det du skrev oxå :)  Tack för svaret :)

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

## #4 — nitro2k01, 2003-11-14T15:06Z

Jag kanske har gjort nåt fel i koden?
Annars gör väl koden precis det... Byter bilden precis som innan, och visar en kommentar i DIV-en (Dock är koden gjord för Internet Explorer och Opera bara...)

Annars kan du pröva ALT="Beskrivning" i IMG-taggen, då får du upp en lite ruta när du för musen över en bild.

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

## #5 — macgunde, 2003-11-14T15:13Z

Testar alt="beskrivning"  men det kommer inte upp nåt när jag för över musen...:(

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

## #6 — Jesper T, 2003-11-14T15:18Z

Lägg in en bild så här:
\<img src="bilden.gif" alt="beskrivning"\>
Håll musen över bilden.
Voila!

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

## #7 — macgunde, 2003-11-14T15:21Z

\<img src="../thumb/over_1.gif" alt="Uppgift 1" name="over_1" width="40" height="40" border="0"\>

Så här har jag skrivit, men de funkar inte...

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

## #8 — macgunde, 2003-11-14T15:49Z

hmm  jag har testat att använda alt taggen i iexplorer, safari och firebird på mac...   å det funkar inte...  funkar bara den taggen i pc eller?

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

## #9 — dectgap, 2003-11-14T17:07Z

> **nitro2k01 skrev:**
>
> (Dock är koden gjord för Internet Explorer och Opera bara...)

Det är enkelt att ändra så att man inte begränsar sig till IE och Opera.

```
document[bildNamn].src=bildURL;
```

skrivs istället så här:

```
document.images[bildNamn].src=bildURL;
```

<http://devedge.netscape.com/library/manuals/2000/javascript/1.3/reference/document.html#1226315>

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

## #10 — bossse, 2003-11-14T22:39Z

Ersätt alt med title enl. nedan.
Kanske funkar bättre.

```
<img src="../thumb/over_1.gif" title="Uppgift 1" name="over_1" width="40" height="40" border="0">
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/90398-vill-att-en-textfras-ska-visas-samtidigt-som-en-bild-byts-ut