The JavaScript Goodies Book
Image Scripts
These scripts deal with, display, or manipulate images, or set images into motion.
- Smooth Stop
This animation brings images to a smooth stop, as if on ice (requires NN 4.0).
- Page Branding
This is a Geocities-style page brand.
- Three-to-One Image Flip
Three images sit on top of one another. When the mouse passes over one of them, it "blows up" to fill the space of all three (contents in Zip file).
- Triple Flip Button
This script is a triple image, image flip.
- Show Active Channel
This script looks at the user's browser. If it's an Explorer browser, the Active Channel image is posted to the page.
- Multiple Image Flip
Three images are used to create one pretty cool flip.
- DHTML Christmas Countdown
This is a clock that counts down to Christmas with a flying Santa (requires MSIE 4.0).
- Image Toggle
This is a basic image flip, except the flip is enacted by the user pushing buttons.
- Image Browser
Use this script to enable users to scroll through a list of images.
- Stay Flipped Image Flip
After it's flipped, it stays.
- Dual Image Flip
Not only do you get an image flip, you also get a secondary image popping up (contents in Zip file).
- Image Option
Choose an image from a pull-down list. Hit the button and it displays.
- Background Time
This script posts a different background color and image, plus a different image on your page, depending on what time of day it happens to be.
- Flip Flap Image Script
This is a great multi-platform image flipping script.
- Move the Image
This script enables you to make an image interactive. Your viewers can move it anywhere they want (requires MSIE 4.0).
- Image Depending on Date
Want a specific image on only a certain date or dates? This script will do it for you.
- Floating Apple
This script employs layering to enable the Apple logo to break apart and fly around the screen (requires NN 4.0).
- Black Hole
An image mouseOver starts a multiple page slide show.
- Image Map Status Bar Message
This script uses mapping commands to make messages on different sections of an image map.
- Multiple Image Flipping
Great script. Great effect. Take a look.
- Image Mover
This is another image-moving script using Netscape 4.0 layer commands (requires NN 4.0).
- Image Search
This employs multiple images with a flip script to enable your readers to search five different search engines.
- Four Movers
This script enables four images to basically fly all over your page (requires NN 4.0).
- Image Mover
Great script. The active image rolls all over the screen no matter what text is in its way (requires NN 4.0).
- Image Display JavaScript
This script enables your user to click on a link and see a picture pop up in a new, framing browser window (requires NN 4.0).
- Stop the Picture
If you have a large image downloading, this script enables your viewer to click a button and stop it.
- Client-Side Image Map Script
This script works a lot like a client-side image map except it displays sections in a text box rather than the status bar.
- Image Flipping Link
People have been asking for this one. On the MouseOver, the image changes, plus different text appears in the status bar. Really slick (requires NN 4.0).
- MouseOver for Image Maps
This script enables you to place text in the status bar for your image maps.
- New Image Gif
This script places a new .GIF image where you want it -- what's more, it keeps an eye on the date. When you want the image to come down, it removes it for you.
- Random Image Plus Link
This script produces a random image plus a link associated with that image.
- Random Number Generator With Images
This script produces a random number that is displayed with images.
- Random Pictures
An improvement over my script.
- Another Random Picture Script
Ditto above.
- Picture Changer
This script produces a picture change when the mouse moves across (use small images).
- Random Picture Display
This is a random picture generator. You will need 60 pictures to make it work correctly.
- New Image Each Month
Depending on the month, this script displays another picture.
- New Image Each Hour
Depending on the hour, this script displays another picture.
- New Image Each Day
Depending on the date, this script displays another picture.
[Back to the JavaScript Goodies Page]