|
|
Click on a heading below to select a JavaScript. To
view the source code for the JavaScript Right Click
the mouse button over the JavaScript window and then
select "View Source" from the pop-up window
Copy and paste the code. If any graphics are used in
the script. Right Click the mouse button over each graphic
and then select "Save Picture As" from the
pop-up menu. All the graphics should be put in the same
directory as the JavaScript. To go back to the Index
just close the JavaScript window.
|
|
| 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.
|
