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.
There are no comments for this article. Be the first to post a comment.
Security Code Security Code
Related Articles RSS Feed
Tiny Flash MP3 Audio Player
Viewed 1190 times since Wed, Jan 6, 2010
What is rel="nofollow" attribute?
Viewed 1004 times since Thu, May 13, 2010
Best Free Web Icons for Different Purposes
Viewed 1430 times since Mon, Dec 28, 2009
Review of Mobile Web Application Frameworks
Viewed 1646 times since Mon, May 9, 2011
5 Best Online Diagram Designing Tools
Viewed 14948 times since Sat, Jan 30, 2010
Coming Soon Template
Viewed 1287 times since Thu, Nov 12, 2009
Ajaxed MySQL Table Editor
Viewed 1528 times since Tue, Oct 13, 2009
Making A Basic PHP Template System
Viewed 1235 times since Tue, Dec 8, 2009
JavaScript Tree Menu Component - jsTree Menu
Viewed 2175 times since Sat, Jan 9, 2010