I was wondering if someone could help me with a big problem of mine. I was trying to get a code for an automatic swap such as the one on this site: http://www.ccps.k12.fl.us/
If you could find the source and place {Image 1 goes here} and {yada yada needs to go here} in the source, that would be awesome. I have been trying to do this for a while, but no one has been able to help me. So please help. Thanks.
Or, Google "random image html javascript" and you'll get lots of alternatives.
KDLA
FYI
* My screen resolution is set at 1680x1050
* I'm accessing your site through a T1 line
* I'm probably viewing it using Firefox (unless browser is specified)
if sum1 could.. plz help me.. could u insert these following images into the auto photo swap code.. i think that i might b doignt his wrong.. not sure though...
<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] = 'http://i41.photobucket.com/albums/e...IndyAirport.jpg'
theImages[1] = 'http://i41.photobucket.com/albums/e...th_SCRPPool.jpg'
theImages[2] = 'http://i41.photobucket.com/albums/e...lewoodGirls.jpg'
theImages[3] = 'http://i41.photobucket.com/albums/e..._CCSTeamPic.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[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}
// End -->
</script>
(t would be better if you had these images in a file on your own server, rather than in photobucket. That way, you could use relative file addresses, rather than absolute ones. http://www.webdiner.com/webadv/begin/paths.htm)
FYI
* My screen resolution is set at 1680x1050
* I'm accessing your site through a T1 line
* I'm probably viewing it using Firefox (unless browser is specified)
Oh -- I just noticed that the addresses didn't appear on the screen as typed -- place the ENTIRE address in there, instead of the ...
KDLA
FYI
* My screen resolution is set at 1680x1050
* I'm accessing your site through a T1 line
* I'm probably viewing it using Firefox (unless browser is specified)
There are certain places where you put certain things.
This:
[code]<SCRIPT LANGUAGE="JavaScript"><!-- 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.
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}
// End -->
</script>[code]
goes before the ending head tag. Looks like this: </head>
You'll put this
Code:
<!-- Begin
showImage();
// End -->
</script>
where you actually want the pictures to appear. Somewhere in the <body> section of your document.
Don't forget to credit Javascript -- as noted in the link.
KDLA
FYI
* My screen resolution is set at 1680x1050
* I'm accessing your site through a T1 line
* I'm probably viewing it using Firefox (unless browser is specified)
thanks for the question you put I also search the code for that and i found this one on google
<!-- 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://www.javascriptsource.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.
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
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://www.javascriptsource.com -->
Reply With Quote
Bookmarks