I want to load an image on the same page.. Hmm

Check this site out and how the screenshots work and you know what i mean.
http://www.eve-online.com/screenshot...=24112004&n=10

I want t5o have small thumbnails belove a larger image. When i klick one of the smaller thumbnails i want it to load over them..

Im guessing some java script or something ?

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

Originally Posted by Killer_Typo

that would be javascript such as

Help with Code Tags

(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:

Help with Code Tags

(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.

Originally Posted by MidiMagic

Why bother with that?

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