that would be javascript such as

(Toggle Plain Text)

<script language="javascript">
function ChangeImage1(){
    document.getElementById("image1").src= "location of the first thumbnail";
}
        </script>

<script language="javascript"> function ChangeImage1(){ document.getElementById("image1").src= "location of the first thumbnail"; } </script>

will work.


so your code might be

<img src="location of image" id="image1"> <!--this is the main image that you want swapped with other images

and below it would be the images you want in thumb view

<img src="loaction of the thumbnail" onClick="ChangeImage1();">

or

<img src="location of the thumbnail" onmousover="ChangeImage1();">


this can easily be added to add more functions for more pictures

IE:

(Toggle Plain Text)

<script language="javascript">
function ChangeImage1(){
document.getElementById("image1").src= "location of the first thumbnail";
}
function ChangeImage2(){
document.getElementById("image1").src= "locatoin of the second thumbnail";
}
</script>

<script language="javascript"> function ChangeImage1(){ document.getElementById("image1").src= "location of the first thumbnail"; } function ChangeImage2(){ document.getElementById("image1").src= "locatoin of the second thumbnail"; } </script>

then for subsequent loads for different images you would do

<img src="location of the image" onmouseover or onclick ="changeimageX();>

where X is the number of the corresponding thumbnail.

if thats confusing i can give you some sample code i have at home to look at.

I currently dont have any on me as i am at school.

Why bother with that?

Just make identical pages, with the color changes and the large picture coded differently, and with links to each other.