Article Diary - General Knowledge Digest

Before and After Picture - jQuery Plugin

New York Times online had an article which showed a road in Brooklyn that had been reconstructed to make it safer and more pleasing to the eye. To show the difference in the reconstruction project, they showed a before and after picture using Flash that let the visitor drag a slider over the images, which were sandwiched with one on top of the other, so that you could easily see how dramatic the changes were.

CatchMyFame found this very useful and immediately created Before-After jQuery Plugin for the same purpose. The possibilities for this plugin are endless. Doctors can have before and after images of patients, Photoshop users can show the before and after differences between images, remodelers can show the before and after images of projects and on and on. This plugin weighs in at only 7K and can be used multiple times on a page.

Before After Picture - jQuery Plugin

This jQuery Plugin is very useful to display a Before and After Picture with a movable slider.

Requirements: jQuery Framework
License: Creative Commons License

Online Demo

Attached Files
There are no attachments for this article.
There are no comments for this article. Be the first to post a comment.
Security Code Security Code
Related Articles RSS Feed
IE6 CSS Fixer - Web-Based IE6 CSS Fix Tool
Viewed 776 times since Thu, Dec 31, 2009
CSS Positioning - Absolute, Relative & Fixed
Viewed 983 times since Thu, Dec 3, 2009
Open Source Online Invoice System - siwapp
Viewed 972 times since Thu, Jan 7, 2010
PHP Quiz Questions and Answers
Viewed 2134 times since Mon, Jan 11, 2010
jCart - Free PHP AJAX Shopping Cart
Viewed 979 times since Sun, Jan 3, 2010
25 Graph & Chart Solutions For Web Developers
Viewed 28284 times since Mon, Feb 1, 2010
13 Useful Javascript Syntax Highlighting Scripts
Viewed 986 times since Mon, Jan 4, 2010
How to prevent access to a specific file on server using htaccess?
Viewed 752 times since Sun, Mar 14, 2010
Free Visualization Components For Flex (AS3)
Viewed 585 times since Sun, Jan 3, 2010