Image Effects

Sub Categories

Site Logo/ Watermark Script FF1+ IE6+ Opr8+
This is a site logo/watermark script that lets you display a static image at any of the four corners of the browser, never going out of sight. It's useful for branding purposes, or to offer visitors an easy way to jump back to your site's homepage from anywhere on the page. The logo can be set to disappear after x seconds.

jQuery Image Warp FF1+ IE6+ Opr8+
jQuery ImageWarp adds an interesting "warp" effect to select images on your page so clicking on them causes the image to expand temporarily before reverting back to the image's original dimensions. It's most useful applied to hyperlinked images to create a delayed effect before the user is taken to the actual link.

jQuery Image Magnify FF1+ IE6+ Opr8+
jQuery Image Magnify enables any image on the page to be magnified by a desired factor when clicked on, via a sleek zoom in/out effect. The enlarged image is centered on the user's screen until dismissed.

Zoomio jQuery Image Zoom FF1+ IE9+ Opr8+
Zoomio is an easy to set up, mobile friendly Image Zoom script that overlays an enlarged image directly on top of the original image when activated. Many ecommerce sites use a similar script to enable users to get a closer look at product shots.

Featured Image Zoomer (multi-zoom) FF1+ IE6+ Opr8+
This script lets you view a magnified portion of any image upon moving your mouse over it. A magnifying glass appears alongside the image displaying the magnified area on demand. The user can toggle the zoom level by using the mousewheel.  It's great to use on product images, photos, or other images with lots of details you want users to be able to get into on command.

Image Power Zoomer FF1+ IE6+ Opr8+
Some images are worth a closer look, which is why there's Image Power Zoomer. It gives any image on your page the ability to be magnified when the mouse rolls over it. A "magnifying glass" that appears over the image lets the user zoom in on any portion of it as it follows the cursor around. Furthermore, the magnification power can be adjusted on the fly by turning the mouse wheel back or forth, just like in many graphics programs.

Simple Image Panner and Zoomer FF1+ IE8+ Opr8+
Simple Image Panner lets you partially clip and confine large images on your site to a smaller container to save space, with the hidden portion accessible by dragging -or panning- inside the image. The optional zoom feature lets the user zoom in and out of the image at the same time. This script is great for embedding large images on your page that users may also want to zoom in on to get a closer look.

Before and After Image script FF2+ IE9+ Opr9+
 This script lets you view an "after" version of any image as an overlay of the original one in dramatic fashion. A "draggable" handlebar lets the user adjust the ratio of the two images to view simultaneously. It supports the ability to update the set of images shown on demand, plus change the main container dimensions, making way for a before/after image gallery.

Floating Image script FF1+ IE5+ Opr7+
-User Submitted
This is a cross-browser script that moves any number of images around the page, each following a randomly determined path. Furthermore, the images are clickable, making this script not only insanely cool, but practical as well!

Floating Image script II FF1+ IE5+ Opr7+
-User Submitted
Floating Images II animates any image (or block of HTML) up and down the browser window, staying in view even if the user scrolls the page. Definitely an interesting effect with many uses...

Expando Image Script FF1+ IE5+ Opr7
-User Submitted
Expando is a simple script for folks who want to have an image expand onMouseover (to its actual size). This lets you display large images at a reduced size initially (aka thumbnail size), and have them dynamically expand when the mouse rolls over them.

Image Bubbles effect FF1+ IE5+ Opr7
Image Bubbles is a cool Flash-like effect that causes an image to bubble up and expand whenever the mouse rolls over it from within a series of images. It's a nice way to draw attention to an image when the mouse rolls over it. For images with an "alt" attribute defined, the script will use it to render a nice tooltip that's shown above the enlarged image. Both the speed and magnification level of the image when it bubbles up can be customized.

Bouncing Image script FF1+ IE5+ Opr7
-User Submitted
This script adds any number of images to your document that move around, bouncing back and forth off the edges of the browser window. As mentioned, multiple images supported!

Flying Butterfly script FF1+ IE5+ Opr7+
-User Submitted
With this DHTML script, a butterfly wonders aimlessly around your page. The little insect can be dismissed by clicking on it. Add a touch of nature!

Flying Planes script FF1+ IE5+ Opr7+
-User Submitted
This DHTML script animates images cross the screen in a horizontal, left right manner. Here it's used to gently glide planes across the user's browser.

Flying Cupids script FF1+ IE5+ Opr7+
Summon a group of Cupids to circle about on your webpage, then disappear, with this DHTML effect. A great accessory to put up during special occasions such as Valentines.

Flying Bats script FF1+ IE5+ Opr7+
This decorative script animates flying bats at any specified location on your webpage, and can be set to dismiss after x seconds. The perfect script to implement on Halloween! Furthermore, since the images are changeable, you can easily configure this script to fit any occasion.

Watching Eyes Script FF1+ IE5+ Opr7+
-User Submitted
Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do behave!

Preload Image (with progress bar) Script FF1+ IE5+ Opr7+
-User Submitted
Use this script to not only preload any number of images before displaying them, but also, get a live update on it's progress through an update bar. Once the preloadiing is complete, the surfer is then directed to the page containing the preloaded images. Superbly useful and cool a creation!

Depressible Image link FF1+ IE5+ Opr7+
A script that makes an image link appear "depressed" as the mouse is held down on it. Similar to rollover effects, only that the effect takes place when the mouse is down.

Dragable Elements FF1+ IE5+ Opr7+
A versatile script that enables any number of elements, such as DIVs, images, or text on a page to be dragable. Simply give the element a class of "drag."

Note: Some older menu scripts have been retired, and can be found here.

Wordpress Users: Step by Step instructions to add ANY Dynamic Drive script to an entire Wordpress theme or individual Post