Skift billede ved klik

rжkke = RÆKKE & nеr = NÅR

<table border="0" cellpadding="0">
  <caption><strong>Air Show Photos</strong></caption>
  <tr>
    <td width="100%"><img src="plane1.gif" width="300" height="240" name="photoslider"></td>
  </tr>
  <tr>
    <td width="100%"><form method="POST" name="rotater">
      <div align="center"><center><p><script language="JavaScript1.1">
var photos=new Array()
var which=0

/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]="plane1.gif"
photos[1]="plane2.gif"
photos[2]="plane3.gif"
photos[3]="plane4.gif"
photos[4]="plane5.gif"


function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
else window.status='End of gallery'
}
</script><input type="button" value="&lt;&lt;Back" name="B2"
      onClick="backward()"> <input type="button" value="Next&gt;&gt;" name="B1"
      onClick="forward()"><br>
      <a href="#" onClick="which=1;backward();return false"><small>Start Over</small></a></p>
      </center></div>
    </form>
    </td>
  </tr>
</table>

<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>

Jeg ved ikke lige hvad der gik galt men her kommer den på dansk:

Jeg har en <div>-container som indeholder en række thumbnail-billeder.
Jeg vil gerne have at det tilsvarende store billede bliver vist i en anden <div>container når der klikkes på thumbnail'en.
Altså når der klikkes på "Bil_Thumb.jpg" som ligger i <div id="thumbramme">, åbnes "Bil_Stor.jpg" i <div id="billedramme">.
Det skal laves således at det er "src" der skiftes, jeg vil ikke bruge frames, tables o.l.

Jeg godt at lignende spørgsmål har været oppe at vende mange gange før men jeg synes ikke der var noget der lige passede.

Håber der er nogen der kan hjælpe :-)

<script type="text/javascript">
function vis(pic){
document.images['Stort'].src = pic.replace(/Thumb/,"Stor");
}
</script>

-- og din div-container:

<div id="billedDiv"><img name="Stort" src="start.jpg" style="width:320px;height:240px;" /></div>

-- og dine thumbnails:

<img src="Bil_Thumb.jpg" onclick="vis(this.src);" />

-- men det forudsætter, at store/små bogstaver holder ift. regExp'en, og afhængig af din udbyders styresystem måske også ift. filnavnet !-)

Hvis det ikke er vigtig med store/små bogstaver kan regExp'en laves sådan: /thumb/i ...

Ups! Havde fuldstændig glemt dette spg. og nu kan jeg ikke finde det jeg skulle bruge det til :-) (så det har nok ikke været så vigtigt :-))

>>roenving
Læg et svar, så får du point.

Velbekomme '-)

-- og tak for point ;~}