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!! <!-- m --><a class="postlink" href="http://javascript.internet.com">http://javascript.internet.com</a><!-- m --> -->
<!-- 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=http://www.webdeveloper.com/forum/archive/index.php/"'+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!! <!-- m --><a class="postlink" href="http://javascript.internet.com">http://javascript.internet.com</a><!-- m --> -->
<!-- Begin
showImage();
// End -->
</script>
Referring URL: <!-- m --><a class="postlink" href="http://edesedoret.com/test/design.html">http://edesedoret.com/test/design.html</a><!-- m -->
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!! <!-- m --><a class="postlink" href="http://javascript.internet.com">http://javascript.internet.com</a><!-- m --> -->
<!-- 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=http://www.webdeveloper.com/forum/archive/index.php/"'+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!! <!-- m --><a class="postlink" href="http://javascript.internet.com">http://javascript.internet.com</a><!-- m --> -->
<!-- Begin
showImage();
// End -->
</script>
Referring URL: <!-- m --><a class="postlink" href="http://edesedoret.com/test/design.html">http://edesedoret.com/test/design.html</a><!-- m -->