That is very helpful, thanks.
I'm beginning to understand this and have fixed the core problem thanks to your prompts.
I have one remaining problem that I cannot understand viz. How to sequence the list of thumbnails dynamically with each browser refresh rather than having a static list.
ie
I now have:
<div id="container">
<div id="big">
<?php
if (empty($GET[big]))
{echo "<img src='/rand/rand_image.pl' alt='' /> ";
}
else {
echo "<img src='/images/$GET[big]' alt='test' /> ";
}
?>
</div>
<div id="small">
<a href='page.php?big=fashion.jpg' name='fashion.jpg'><img src='/images/thumbs/thfashion.jpg' alt='' /></a>
<a href='page.php?big=fashion2.jpg' name='fashion2.jpg'><img src='/images/thumbs/thfashion2.jpg' alt='' /></a>
etc containing 20 or so smaller images.
This works fine but...
What I want is whilst displaying say fashion7.jpg in "ID big" that "ID small" should have the thumbnail for fashion7.jpg as the top one in its list. What happens of
course is that the top one in the list is stuck at the first jpg listed, requiring the user to scroll down.
Any pointers as to how to control the sequence of items in this DIV would be most welcome.