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

5 (1)
Article Rating (1 Votes)
Rate this article
Attached Files
There are no attachments for this article.
Comments
There are no comments for this article. Be the first to post a comment.
Name
Email
Security Code Security Code
Related Articles RSS Feed
Making A Basic PHP Template System
Viewed 1085 times since Tue, Dec 8, 2009
TipTip - jQuery Tooltip Plugin
Viewed 1166 times since Thu, Jan 28, 2010
Protovis - Visualization for JavaScript via Canvas
Viewed 1078 times since Sun, Jan 3, 2010
PHP For Android Project - Interview with Lead Developer
Viewed 1137 times since Mon, Jul 26, 2010
Web Application Security Tools & Scanner Applications
Viewed 1462 times since Mon, Mar 22, 2010
How to change default web page using htaccess?
Viewed 1441 times since Sun, Mar 14, 2010
jQuery MultiSelect Plugin with ThemeRoller Support
Viewed 1979 times since Thu, Feb 4, 2010
30 High Quality Charts & Graphs for Web Developers
Viewed 3144 times since Wed, Mar 23, 2011