You are here:About>Computing & Technology>JavaScript> Fun with Images
About.comJavaScript

Image Manipulation

Javascript can be used to perform a variety of image related tasks from simple rollovers to cropping, hiding, or dynamically resizing your images.
"New" Image
Display an image next to the new entries on your page and have that image automatically disappear automatically after so many days.
Failsafe Remote Images
If you remote link to images from other sites and that other site is down then the image wont display. Here's how to replace it in with one of your own when that occurs.
Display Random Image or Quote
If you have several quotes, images, or ads to choose from and you want to have one of them randomly selected to display on your page then this script provides the basic template you need to use to set it up.
Javascript or Flash Slideshows
Is it better to use Javascript or Flash to create a slideshow?
Modal Image Box
This unobtrusive script converts all of the links to images from your web page so that the images display modally within the same page.
Drawing Using Stylesheets and Javascript
You don't always need to use images to be able to add drawings to your page. Sometimes a few stylesheet commands and a short Javascript can not only draw something without using images but it can animate it at the same time.
Concentration Memory Game with Images Script
Put a game of concentration on your site and test your visitor's memory.
Watermarking Images
Watermarking images is the only effective way to protect them.
Day of Week Image
This day of week script displays a simple image that varies depending on the local day
Time of Day Image
This time of day script displays a simple image that varies depending on the local time.
Mouseover
One of the simplest effects that Javascript provides is the mouseover. When the mouse moves over an image the image changes, and when the mouse is moved off the image it changes back. This form can generate your mouseover code for you and even handles multiple mouseover images on the same page.
Rollover Gallery Effect
Display one of several larger images based on which smaller image the mouse last passed over
Rollover with Captions Effect
Display one of several larger images and associated caption based on which smaller image the mouse last passed over.
Multiple Rollover Galleries
Placing more than one rollover gallery on the same page is not much harder than placing just one.
Slide Show Effect
Allow your visitors to slide through a number of images one after the other.
Cycling Banner Effect
Cycle automatically through a number of images one after the other at regular intervals.
Transition Effects
It is possible to create fancy transition effects on your web page in almost all browsers using a few simple lines of Javascript. Brothercake's transition functions are so simple and cover so many different effects that there is no need for anyone else to write any themselves.
Cycling Ad Banner Effect
Cycle through a number of ad banners one after the other.
Image Zoom
Allow your visitors to resize the images on your web page with this simple script.
Getting rid of the IE6 Image Toolbar
The Internet Explorer 6 Image Toolbar "pops up" over the top left corner of large images when you move the mouse over the image and makes copying and printing images much easier.
Image Load Order
You can use Javascript to control the order in which the images on your page load makig your page appear to load faster.
 All Topics | Email Article | | |
Advertising Info | News & Events | Work at About | SiteMap | Reprints | HelpOur Story | Be a Guide
User Agreement | Ethics Policy | Patent Info. | Privacy Policy©2008 About, Inc., A part of The New York Times Company. All rights reserved.