RSS

Re: Alternating backgrounds?

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Alternating backgrounds?

•

Join Date: May 2005

Location: Wellington, New Zealand

Posts: 182

Reputation: alpha_foobar is an unknown quantity at this point

Rep Power: 4

Solved Threads: 3

alpha_foobar alpha_foobar is offline

Offline

Junior Poster

Re: Alternating backgrounds?

#11

Jul 28th, 2005

Actually, using this type of mechanism, the images are loaded on demand....

For an example of ondemand loading of images, check out this page: http://homepages.ihug.co.nz/~jlittle/imgs/images.html

You'll see images are loaded when you click on them.. and if your connection is slow enough, you should also see a please wait message (though I've found this doesn't always seem to work so well in IE).

Help with Code Tags

(Toggle Plain Text)

<html>
<script type="text/javascript">
	var images = new Array("a.png", "b.png", "c.png");
	
	function randomImageSelector(){
		var imageNode = document.getElementById("randomImage");
		
		var index = Math.floor(Math.random() * images.length);
		imageNode.src = images[index];
		imageNode.alt = images[index];
	}
	
	window.onload = function(){
		randomImageSelector();
	};
</script>

<body>

<img src="placeHolder.png" id="randomImage"/>

</body>
</html>

A way of 'always' getting a different image is to implement a time based seed... this can be calculated in to avoid random providing the same image each load... a large set of images to choose from will also help.

alphafoobar
Senior Java Developer
web2.0 javascript/ajax developer & entrepreneur

DaniWeb Home > Forums > Web Development > JavaScript / DHTML / AJAX > Alternating backgrounds?

Re: Alternating backgrounds?

Alternating backgrounds?

Re: Alternating backgrounds?