JavaScript Code, Tutorials, Examples, Reference






Next-Previous Image Gallery A very simple image gallery. The script is short and includes comments to guide you along the way.


Category: Image, Slideshow

Enlarge Image 2 This one line script changes the image size and source on your thumbnail picture without reloading the page or using popups.


Category: Image

Smart Images This makes your images become smarter. When you set the class attribute of your image to "smart" they will enlarge when the mouse gets close to them!


Category: Image

Lightbox JS v2.0 Lightbox Image Viewer 2.0 expands upon Lightbox Image Viewer with a few new features. While the original version is great for viewing images individually on the page, Lightbox 2.0 supports a new "grouping" feature that lets you group related images on the page for easy browsing amongst them. The transitional effect for bringing up an image also differs from the original. And like before, this JavaScript supports optional caption display, plus incremental preloading of the next image when images are grouped. Very nice!


Category: Image, Image viewer

Web-Cam Refresh Simple script to refresh a webcam image without refreshing the entire page.


Category: Image

DHTML Puzzle Turns almost any picture into a JavaScript pupuzzlezzle.


Category: Image

Image Zoom Out In this JavaScript, when you move or click on an image, the image size will decrease gradually (i.e the image will zoom out) and will finally disappear.


Category: Image, Image viewer

Slideshow using the \'Fade\' filter(IE) With IE's multimedia filters, have a quick and easy way to add interesting visual effects to content on your page. You need IE5.5+ to see the transitional effect, though the slideshow itself works in all browsers.


Category: Image, Rotation

Dynamic PHP Picture Viewer This script combines PHP with JavaScript to let you easily display all pictures within a directory without having to input their file names into the script! An external PHP file takes care of all the manual labour, by retrieving the list of images inside the directory and passing it onto the viewer script. Even the select menu used to choose the image to display is automatically generated. And last but not least, in IE and Firefox, a fade effect is applied each time an image is shown. Spiffy!To use this script, your server simply has to support PHP, as this script references an external PHP file to get the images of the containing directory. The page that will show the pictures itself does NOT have to be a PHP page.


Category: Image, Image viewer

Image Fader This is to demo the "Auto" feature, whereby all images of class "imageFader" are faded automatically.


Category: Image

JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web
Have a break, have a manatee