Bild byte "snabbt"

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..

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 ).

:)

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?

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>

:)

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

Ä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.

:)

men thumb bilden heter t_"Bildnamn"
det blir helt knas...

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

:)

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

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

2. Jojoxx funktion heter imgPopup2().

:)

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>

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

Hur ville du att koden skulle fungera?

:)

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...

fixat det...

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

:)