I have a problem. I have an image set to the background, this method is working for fire fox, here is how i got a background image.
<img src="docs/Plasma.gif" id="background"/>
<div id="content">
Right after the body tag and
img#background { position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#content {
position:relative;
z-index:1;
}
In the styles. So, further down the page i have
img src="docs/JellyFishThumb.gif" height="50" width="75" onclick="document.background.src='docs/JellyFish.gif';"/>
<br><img src="docs/StarFieldThumb.gif" onclick="document.background.src='docs/StarField.gif';" height="50" width="75"/>
<br><img src="docs/PlasmaThumb.gif" onclick="document.background.src='docs/Plasma.gif';" height="50" width="75"/></center>
When someone clicks on these thumbnails it changes the backround image's source to the bigger version. It doesn't work in IE though and i am confused why. I have tried preloading the image, but I feel as though my Javascript is being ignored. Any help would be appreciated. Thank you.