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."

Bouncing Image script II IE5.5+ legacy
-User Submitted
Like the above script, except this bouncing image uses your entire monitor screen as its playgound! Requires IE 5.5 or above.

Flying ghosts script IE5+ legacy
-User Submitted
Spook up your webpage with this animation script. A bunch of ghosts swirl around while fading in and out at the same time!

Moving light on image script IE IE5+ legacy
DHTML in IE 4 includes a multimedia feature that allows a light to be cast on any image and moved around. We utilized this technology to create a moving light on image script. The light continuously moves from the right edge of any image to the left, than back again. Give any image(s) on your page a moving light today!

Spotlight effect IE5+ legacy
Cast an interactive "spotlight" on the image of your choice using this DHTML script. Move the light about using your mouse. This cool effect works in IE4+, degrading well with the rest.

Jigsaw puzzle IE5+ legacy
-User Submitted
This is a simple yet impressive jigsaw puzzle script for IE 4. Try to rearrange the images and help Santosh's family "reunite"!

Flying Apple NS4 legacy
-User Submitted
If you're a Mac and Netscape Communicator user, this script is perfect for you. It flys and animates a Mac Apple logo around your surfers' screen- and it only works in Netscape Communicator!

Preload Image (with progress bar) Script 2 FF1+ IE5+ Opr7+ legacy
-User Submitted
This version of the preload image script still preloads images as usual, but displays the update bar inline on the page, with the rest of the content. The bar disappears once the preloading is complete.

Image reflection effect IE5+ legacy
-User Submitted
Use this script to instantly apply a moving reflection to any image! Browsers other than IE 4+ will simply see the image void of the effect.

Multimedia Filters on Image Wizard IE5+ wizard.gif (1201 bytes) legacy
-User Submitted
IE 4 and above support cool visual controls called filters, which are built-in multimedia effects you can instantly apply to your page images (among other elements). There are 15 filters in all, everything from making an image wavy to giving it a glow. Use this wizard to easily sample and apply multimedia filters to your images!

Flying Image IE5+ legacy
-User Submitted
This script demonstrates the use of VBscript to create a DHTML script that flys a relatively-positioned image straightly across the screen. JavaScript isn't the only path to DHTML's heart, you know :-)

Right-To-Left Flying Image IE5+ legacy
A script that causes any image to fly in from the right edge of the screen to its original position.