---
title: "Bild byte \"snabbt\""
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/73207-bild-byte-snabbt"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "voigtann1"
published: "2003-04-05T10:28:17.000Z"
updated: "2003-04-05T15:44:19.000Z"
replies: 14
views: 320
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/73207-bild-byte-snabbt"
---

# Bild byte "snabbt"

## #1 — voigtann1, 2003-04-05T10:28Z

Kan man göra ett script som gör så att:
\<a href="länk"\>\<img src="bild"\>\</a\>
Där man kan bestämma länk samt bild med ett knapp tryck.. vill hellst att inte sidan laddas om om det går..

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

## #2 — Peter S, 2003-04-05T10:48Z

Exempel:

```
<script type="text/javascript">
<!--

function change( p, i ){
	document.getElementById( "a" ).setAttribute( "href", p );
	document.getElementById( "img" ).setAttribute( "src", i );
};

//-->
</script>

...

<a href="bild1.html" id="a"><img src="bild1.gif" id="img"></a>

<button onclick="change('bild2.html','bild2.gif')">Ändra</button>
```

Som första argument till funktionen skickar du in sidan ( *bild2.html* ) och som andra argument skickar du in bildkällan ( *bild2.gif* ).

 :)

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

## #3 — voigtann1, 2003-04-05T12:02Z

Om du kollar på min förra inllägg här så använder jag popupfönstret som Jojoxx skrev in.. hur får jag länken in där?

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

## #4 — Peter S, 2003-04-05T12:36Z

Bildlänken verkar ju onödig så den kan du bort. Använd sedan följande kod:

```
<script type="text/javascript">
<!--

// Jojoxx funktion placerar du här

function change( i ){
	document.getElementById( "img" ).setAttribute( "src", i );
};

//-->
</script>
...

<img src="bild1.gif" id="img" onclick="imgPopup2(this.src)">

<button onclick="change('bild2.gif')">Ändra</button>
```

 :)

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

## #5 — voigtann1, 2003-04-05T13:12Z

jag behöver den :e

ska ha
\[.länk\]\[thumbbild\]\[/länk\]
1 2 3 4 5 6

så jag behöver det :e 
med tanken av att man ska kunna förstora till den stora bilden

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

## #6 — Peter S, 2003-04-05T13:27Z

Är tanken den att man skall kunna skifta bild med siffrorna 1-6 och sedan se den aktuella bilden i ett större format genom att klicka på "thumbnail"-bilden? Då behöver du ju ingen länk runt bilden eftersom *onclick*\-attributet finns i bildelementet.

 :)

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

## #7 — voigtann1, 2003-04-05T13:29Z

men thumb bilden heter t\_"Bildnamn"
det blir helt knas...

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

## #8 — Peter S, 2003-04-05T13:37Z

Vad är det som blir knas? Kan du posta koden du använder för tillfället?

 :)

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

## #9 — voigtann1, 2003-04-05T13:45Z

```
<table width="100%" border="0" cellspacing="3" cellpadding="1">
  <tr> 
    <td width="110"><img src="images/t_markaryd.gif" width="100" height="100" border="0" onclick="imgPopup(this.src)" id="img"></a></td>
    <td rowspan="3">&nbsp;</td>
  </tr>
  <tr> 
    <td width="150"> 
            <a href="javascript:change('images/markaryd.gif')"><img src='images/work1.gif' border='0' width='11' height='11'></a>
      <a href="javascript:change('images/markaryd2.gif')"><img src='images/work2.gif' border='0' width='11' height='11'></a>

    </td>
  </tr>
</table>
```

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

## #10 — Peter S, 2003-04-05T14:11Z

1\. Ta bort den avslutande taggen *\</a\>* efter den första bilden.

2\. Jojoxx funktion heter *imgPopup**2**()*.

 :)

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

## #11 — voigtann1, 2003-04-05T14:13Z

det är inte där felen är ändå..
"mini bilderna" heter m\_\<NAMNET\>
du gör ju så att om man klicka på minibilden så öppnar den m\_\<namnet\>

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

## #12 — Peter S, 2003-04-05T14:45Z

De små bilderna heter ingenting i din kod du postade.

Hur ville du att koden skulle fungera?

 :)

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

## #13 — voigtann1, 2003-04-05T15:26Z

Om du trycker på knapp 1 så skall bilden "t_pelle.gif" visas på id="src" men om du trycker på "t_pelle.gif" så ska pelle.gif öppnas i den popupen...

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

## #14 — voigtann1, 2003-04-05T15:42Z

fixat det...

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

## #15 — Peter S, 2003-04-05T15:44Z

Vilken av bilderna är "knapp 1" och vilka av bilderna är "t_pelle.gif" respektive "pelle.gif"?

Om vi tar ditt förra exempel. Vad skall hända om man trycker bilden "t_markaryd.gif" och vad skall hända om man trycker på "markaryd.gif" samt "markaryd2.gif"?

 :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/73207-bild-byte-snabbt