PB Code Zone
Random Images Display
(Stay On Same Page)
To view the effect of this code,
simply click on the picture below
RANDOM IMAGES All you have to do is replace the variable "imagenumber" with the correct amount of images you're using. Be sure to label each image with its corresponding number in the images array. Then do the same for the corresponding links. Enter same page you're on in each link input to keep visiter's on your page. You can also control your image attributes in the display portion of this script, which begins with "document.write". Load in your info and refresh the page. <SCRIPT LANGUAGE="JavaScript"> <!-- Hide var imagenumber = 4 ; var randomnumber = Math.random() ; var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ; images = new Array images[1] = "Directory/First_Image_Name.jpg" images[2] = "Directory/Second_Image_Name.jpg" images[3] = "Directory/third_Image_Name.jpg" images[4] = "Directory/fourth_Image_Name.jpg" var myimage = images[rand1] links = new Array links[1] = "Directory/Your_Page.html" links[2] = "Directory/Your_Page.html" links[3] = "Directory/Your_Page.html" links[4] = "Directory/Your_Page.html" var mylink = links[rand1] document.write('<A HREF="' + mylink + '"><IMG src="' + myimage + '"></A>') // -- End Hiding --> </SCRIPT>
Angel's Imagery Tute's
TIP ~ CROP Means To cut off a part of an image. This comes in handy when you scan a picture and have that blackish background behind it. To learn how to crop, go to Angel's Imagery Tute's above.
