Click to See Complete Forum and Search --> : HELP Javascript Random Image!


his boy elroy
01-06-2003, 07:46 AM
Hello everyone;
I found JavaScript to Randomly swap images when the browser is refreshed. I placed the script as per instructions but did not notice any change. The URL to the page in question is below <http://edesedoret.com/test/design.html>. If there is anyone out there who is knowledgeable about this please instruct based on my html code where to place new JavaScript (see JavaScript below). Also I am not sure if I was to include the root folder (image) with the image name as part of the JavaScript.
Thanks in advance
NEW JAVASCRIPT:
<!-- TWO STEPS TO INSTALL RANDOM IMAGE:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array.
theImages[0] = 'intergrated_design_05-01.jpg'
theImages[1] = 'intergrated_design_05-02.jpg'
theImages[2] = 'intergrated_design_05-03.jpg'
theImages[3] = 'intergrated_design_05-04.jpg'
// do not edit anything below this line
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer = new Image()
preBuffer.src = theImages
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
showImage();
// End -->
</script>


Referring URL: http://edesedoret.com/test/design.html

swon
01-06-2003, 09:14 AM
Hi, hope that works for you:

his boy elroy
01-06-2003, 09:21 AM
Thanks Swon I will try it.