|
|
Changing Images
JavaScript » Scripts and Programs » Image Effects » Changing Images
A D V E R T I S E M E N T
Today's Special: Get free Magazine from SAP!
Change Image - Free (GPL)Dynamically change an image when the user touches it. For this example, I have 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! Scriptomizers - Image Mouseovers - FreeA code generator which creates customized cut-and-paste JavaScript rollover effects. Options include the Change Multiple Images - Free (GPL)Dynamically change multiple images by simply moving your mouse over one image. JSFX Fading Image Rollovers - FreewareThis script is a replacement for all your simple image swaps. In browsers that support opacity (Internet Explorer 4+, Netscape 6+) this script will fade from the off image to the on image. It can be used anywhere you would use a normal (simple) image swap for a rollover. In browsers that do not support opacity, the script degrades to a simple image swap.
Instant Image Zooming - Attach to Any Image - FreeThis 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. JSFX Multimedia Rollovers - FreeMake 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). Dirt-Simple Four-State Mouse-Action Image Buttons - FreeFour-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. Pop-up image Script - freeTurn 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! Roll-Me! - 6.95RollMe 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. Active Image Resizing With Drag - FreeThis 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. Changing TextArea Background Images on MouseOver - FreeUse 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. Fade It Bit - FreewareA very simple little bit to control fade of images. You can, Fade in images, Fade out images, Control image Fade, image Fade rate, plus start image fade and end image fade. Demo available. thesitewizard Image Rollover JavaScript - FreewareThis 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.
Arrow onMouseover effect - FreeThis 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.
Scott Brady's Image Rollover - Free Kai Button - FreeThis 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.
|
A D V E R T I S E M E N T
|
Subscribe to SourceCodesWorld - Techies Talk |
| |
|