Bildergalerie

[holzwurm01]

Ersatmal Hallo zusammen!

leider versuche ich seit langem eine anständige galerie für meinen Shop zu erstelle. Ich habe mich bereits vergebens durch etliche Foren gelesen, leider ohne erfol. Vileicht liegt es einfach auch nur daran, das ich noch Anfänger bin und etwas überlese.
Nun zum eigentlichen Problem der Galerie, oben ist ein Artikelbild in Groß darunter bis zu 6 weitere kleine ohne thb erstellt zu haben.
Beim anklicken öffnen die kleinen sich auch richtig, allerdings springt dabei die Seite wieder an den Seitenanfang. Ich möchte nun, das sich nur das Bild ändert ohne das sich die Seite ändert.
Kann mir jemand sagen was ich falsch gemacht habe!

Hier mal der Code dazu:
ul {
margin: 10px 0 0 0;
padding: 0;
}
Li
{
display: inline;
width:460px;
height:460px;
margin: 0 5px 0 0;
}
a img {
border: 0;
width:80px;
height:80px;
}

<script type="text/javascript">
<!--
// Image-Preloader
image1 = new Image();
image1.src = "pic01.jpg";
image2 = new Image();
image2.src = "pic02.jpg";
image3 = new Image();
image3.src = "pic03.jpg";
image4 = new Image();
image4.src = "pic04.jpg";
image5 = new Image();
image5.src = "pic05.jpg";
// swapImage
function swapImage(imgName,swapImg)
{
document.images[imgName].src=swapImg;
}
//-->
</script>
<div id="imageBox"><img src="http://www.daswohnambiente.de/ebay/taek1.jpg" alt="Artikelbild" name="start" /></div>
<ul>
<li><a href="#" onclick="swapImage('start','http://www.daswohnambiente.de/ebay/teak1.jpg')"><img src="http://www.daswohnambiente.de/ebay/taek1.jpg" alt="Lade Bild" width="100" height="100"></a></li>
<li><a href="#" onclick="swapImage('start','http://www.daswohnambiente.de/ebay/teak2.jpg')"><img src="http://www.daswohnambiente.de/ebay/teak2.jpg" alt="Lade Bild 2" width="100" height="100"></a></li>
<li><a href="#" onclick="swapImage('start','http://www.daswohnambiente.de/ebay/teak3.jpg')"><img src="http://www.daswohnambiente.de/ebay/teak3.jpg" alt="Lade Bild 3" width="100" height="100" /></a></li>
<li></li>
<li></li>
</ul>

Ansehen könnt Ihr euch das unter Onlineshop von Das Wohnambiente

[wildmieze]

ich würde einfach nur per onClick das Bild wechseln:

<img src="bild1.jpg" name="dasbild">

<img src="bild2.jpg" onClick="dasbild.src='bild2.jpg';">
<img src="bild3.jpg" onClick="dasbild.src='bild3.jpg';">


.. funktioniert bei mir in den gängigen browsern, und ist valide (html 4.01 strict) ..

[jayjay]

nur so als idee, vielleicht reicht dir eine css-lösung aus? zb so