Change Images on Page

WalksWithSky · Mar 20, 2003

Hello:

Just wondering if anyone knows how to change images on the page when the page is loaded. I've seen this on a lot of sites, and someone told me it's done with Javascript. Most notably,

http://www.starwars.com

is the perfect example of what I'm looking to do -- change the colour schemes of the image on my page. Anyone have any thoughts, or am I in the wrong place?

Walks With Sky

mwolf00 · Mar 21, 2003

Easiest way is to load the images into an array and select one randomly...

<script>
imgArr = new Array("img0.jpg","img1.jpg","img2.jpg","img3.jpg","img4.jpg&quot

function showPic(){
picNum = Math.floor(Math.random() * (imgArr.length))
if (picNum == imgArr.length){
picNum --
}
document.mainPic.src = imgArr[picNum]
}

</script>

<body onLoad="showPic()">
<img src="starwarsPic.jpg" name="mainPic">

The Star Wars page is more elegant, but the theory is the same... Get the Best Answers! faq333-2924
Is this an asp FAQ? faq333-3048
Tek-Tips Best Practices: FAQ183-3179

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Change Images on Page

WalksWithSky

Instructor

mwolf00

Programmer

Similar threads

Part and Inventory Search

Sponsor