[zell_ffhut]

When making a website recently, i created the layout in photoshop, then sliced it up in Image Ready. I then used Image Ready to create rollovers for my buttons. It produced the code, most of which i understand.. But i would love to know what these bits are doing!

<script TYPE="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		Services_over = newImage("images/Services-over.gif");
		Services_History_over = newImage("images/Services-History_over.gif");
		History_over = newImage("images/History-over.gif");
		Home_History_over = newImage("images/Home-History_over.gif");
		Home_over = newImage("images/Home-over.gif");
		Home_Biography_over = newImage("images/Home-Biography_over.gif");
		Biography_over = newImage("images/Biography-over.gif");
		preloadFlag = true;
	}
}

// -->
</SCRIPT>

If somone could enlighten me to what these functions are actually doing, i would be very happy Thanks!

[Advertisements]

I think those tell the browser to preload the images used in the rollover.

[lil_cat_luver]

I think those tell the browser to preload the images used in the rollover.

[Magosis]

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

this is the first function to set the image toggle, and sets the image sources

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

this sets the image toggle values and changes the images on roll over

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		Services_over = newImage("images/Services-over.gif");
		Services_History_over = newImage("images/Services-History_over.gif");
		History_over = newImage("images/History-over.gif");
		Home_History_over = newImage("images/Home-History_over.gif");
		Home_over = newImage("images/Home-over.gif");
		Home_Biography_over = newImage("images/Home-Biography_over.gif");
		Biography_over = newImage("images/Biography-over.gif");
		preloadFlag = true;
	}
}

this preloads the images so there is not a load time when you roll over them.

[zell_ffhut]

I see, thanks for your help guys. Its much appritiated

[Magosis]

your welcome, glad to help