bilderaustauschen: bilder austauschen

Beitrag lesen

hallo an alle experten,

ich habe ein problem, ich möchte über viele thumbnailbilder ein großes bild austauschen lassen...das script dazu habe ich, nur leider weiß ich nicht, wie ich den kleinen vorschaubildern das große zuordne oder besser gesagt, wie und wo bringe ich die großen bilder auf der html seite unter, ich kann sie ja nicht hintereinanderlegen !? woher bekommt meine datei dann dieses große bild?

kann mir jemand dazu helfen?

ordner:
test.html
628.jpg (großes Bild)
628a.jpg (kleines Bild)
630.jpg (großes Bild)
630a.jpg (kleines Bild)
634.jpg (großes Bild)
634a.jpg (kleines Bild)

code:

</script>
<br />
<title>Magic </title>
<br /><br />
<script type="text/javascript">
<br />function showbig(bildli) {<br />  bildlineu     = new Image();<br />
bildlineu.src = bildli;<br />
document.images["Anzeige"].src = bildlineu.src;<br />
}<br />
</script><br /><br /></head>

<br /><br />

<body style="background-color:#999;" onLoad="MM_preloadImages('630.JPG')"><br />
<table width="100%" height="100%" border="0"><br /><tr><br /><td align="center" width="40%"><br />
<div id="pic" onClick="MM_swapImage('Anzeige','','630.JPG',1)"><br /><img name="Anzeige" src="628.JPG" height="300" width="400" /><br />
</div>
<br />
</td><br />      <td align="center" width="60%"><br />
<a href="javascript:showbig('628.jpg');"><img src="628a.jpg" height="75" width="100" /></a><br />
<br /><br />
<a href="javascript:showbig('630.jpg');"><img src="630a.jpg" height="75" width="100" /></a><br />
<br /><br />
<a href="javascript:showbig('634.jpg');"><img src="634a.jpg" height="75" width="100" /></a><br />
</td><br />    </tr><br />  </table><br /></body><br /></html>

vielen dank.