Changing Images

Turn regular images into depressible, pop-up buttons! This script creates the illusion of an elevated image by applying a shadow and shifting the image to the up and left. When the user holds down the mouse, the shadow is deleted, and the image shifted back to its usual position...just like a button!

This easy zoom-in/zoom-out script can be attached to any image in your page. The image size will toggle between two sizes you set whenever the image is clicked. The function can be attached to as many images in the page as you wish.

A code generator which creates customized cut-and-paste JavaScript rollover effects. Options include the

Make your image rollovers much more dynamic by using the Microsoft Transition Filters built into Internet Explorer on the Windows platform. Using this script, visitors with I.E. 4+ will see a very dynamic-animated image rollover. In all other browsers the script degrades to a simple image swap. The low bandwidth of an image swap with the high impact of a Flash animation (without using Flash).

RollMe v1.0 is an easy-to-use and completely customizable image-based navigation menu with multiple button sets. It is easy to configure and use and provides a convenient way for visitors to navigate your site.

Use this script to apply a background image to a textarea, and change the image on mouseover. The script can also change the text color in response to the mouseover event. An eye-catching effect, and very easy to install.

This script allows you to resize one or more images on a page by clicking and dragging on the image(s). A single left-click will also reset the image to a default size. Any number of images may be used.

This script (and the explanatory text) allows you to create buttons and images that change when your visitors' mouse cursors hover over them. It is useful for buttons that automatically depress and pop-up, menus and other image tricks.

Four-state image buttons -- with no multiple images, no layers, and no JavaScript? Darned close! Plug in a simple style script, attach a few mouse events to an image (or images), and bang -- instant four-action buttons even most power scripters would sweat to do. Easy sailing, even for newcomers.

This script displays an arrow image alongside the link when you move your cursor over the link. Furthermore, the arrow blinks while the mouse is over it. Nice visual effect.

This script adds a little bit of flashy, hi-tech to your webpage. When the user moves the mouse over your image the image changes, and then returns to normal when the mouse is moved off. This script works in: Navigator 3 - 4, Opera 3.1, and Explorer 4.

This is the standard JavaScript 'image rollover' - an image that changes appearance as you move the mouse over it. The JavaScript works by loading several alternative images for each button. If the user moves the mouse in or out of the button's area, a JavaScript function is invoked to change the image displayed. It does this by changing the 'src' attribute of the named button image.