To see each example:- Click on a link below and load the example in this window. Then to view the source code:- Click the right mouse button over the window and then select "View Source" from the pop-up window. If any graphics are used in the script:- Click the right mouse button over each graphic and then select "Save Picture As" from the pop-up menu. (All of the graphics are included in the same directory as the javascript example.) To go back to the Index:- Click on the "Back" button at the top of your browser.
Change Multiple Images | Dynamically change multiple images by simply moving your mouse over one image.
Change Image | It's always neat to dynamically change an image when the user touches it. For this example, There is one image and when you put your cursor on it, it changes to another. If you use this script, be sure to use images of the same size!
Fading Slide Show | Displays images continuously in a slideshow presentation format, with a fade effect on image transitions. (Internet Explorer 4+ and Netscape 3+)
Gallery Viewer | Displays any of several images on the same page just by clicking its thumbnail. This way, it is unnecessary to open a new window or use the back button after going to each page. Sizes can be altered as required.
Image Previewer | Users can see a preview of the image they select from the pulldown menu before loading the full image. They can then view the full image by clicking the Go button or the preview image. This is great for allowing sites with large images to offer image previews visitors to to see an image preview first
Image Slideshow | Rotates a series of images in a page as a slideshow. You can customize the images and the time between each image. This script works best if all the images are the same dimension!
Image Cycler | Cycle through a group of images in a single location on your page. For best results all images should be near each other in size. You set the time interval for the change of images.
Random Image | Use this script to randomly display a different image each time the the page is visited. Refresh this page and notice the image below will change. Any number of images can be used, and set-up is very easy.
Random Image Rotator | Rotates a series of images on the page every few seconds. The images can easily be changed, and the script can be modified to rotate the images randomly or in order.
Random Click Image | Displays a random image when the page is loaded and each time the image is clicked.
Set Image | Set an image on the page when the cursor is over the link. The image remains set until the user puts their cursor on another link (i.e. no onMouseOut command). Then, the image is updated to the new one.