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.
JavaScript Categories
25 Articles in: Image Manipulation
Multiple Galleries with Captions
Add one or more image Gallerys complete with captions under each image with this unobtrusive JavaScript.
Flexible Banner Rotator
This flexible banner rotator can rotate any HTML or text content in your page and can rotate multiple blocks of content in the same page.
Unobtrusive Random Images
Add one or more random images to your web page and update each as required with this unobtrusive script.
Multiple Slideshows with Captions
Add one or more image slideshows complete with captions under each image with this unobtrusive JavaScript.
Marking New Entries
Display an image indicating what is new for a set period of time.
Failsafe Remote Images
How to substitute an alternate image when a remote image fails to load.
Display Random Image or Quote
Using Javascript to randomly select one of several images or quotes to display on your page.
Javascript or Flash Slideshows
Is it better to use Javascript or Flash to create a slideshow? Her's why I think JavaScript is the better option.
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 with Stylesheets and Javascript
Create animated drawings on your web page using just a few lines of CSS and Javascript
Concentration Memory Game with Images
Put a game of concentration on your site and test your visitor's memory with this JavaScript.
Watermarking Images
Watermarking images is the only effective way to protect them, trying to protect them with JavaScript is just a waste of time.
Day of Week
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 Script
Need a great mouseover script? Check out this tutorial for a simple script generator.
Rollover Gallery
Display one of several larger images based on which smaller image the mouse last passed over.
Rollover Gallery with Captions
Display one of several larger images and associated caption based on which smaller image the mouse last passed over.
Slide Show
Manually slide through a number of images one after the other.
Cycling Banner
Cycle through a number of images oner after the other.
Cycling Banner
Cycle through a number of images oner after the other.
Cycling Ad Banner
adlink through a number of images oner after the other.
Image Zoom
Allow your visitors to rezise images on your page with this script.
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.
View More