Thanks that part works, I have overlooked something though.
in the code segment that we are looking at, at the top there is:
<div class="big-images">
<div><span class='zoom' id='ex1'><img src="libra/images/<?php echo($rsProduct->getColumnVal("ProductSKU")); ?>.jpg" /></span>
</div>
</div>
I need to somehow loop this with the code that you have just helped me with.
To give context I want to show you the original code that works (without php). The way it works, there is javascript that functions like this, a user clicks on one of the thumbs and then the image in the big-images div will be replaced with the one the user clicks. (Thats why there needs to be identical img tags in both the big-images and thumbs divs. Does that make sense? So I guess I need to somehow loop the above code so that its syncing with the thumbs.
<div class="big-images">
<div><span class='zoom' id='ex1'><img src="libra/images/image1.jpg" /></span></div>
<div><span class='zoom' id='ex1'><img src="libra/images/image2.jpg" /></span></div>
<div><span class='zoom' id='ex1'><img src="libra/images/image3.jpg" /></span></div>
</div>
<div class="thumbs">
<div><img src="libra/images/image1.jpg" /></div>
<div><img src="libra/images/image2.jpg" /></div>
<div><img src="libra/images/image3.jpg" /></div>
</div>