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.
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 943 times since Tue, Dec 8, 2009
JavaScript Tree Menu Component - jsTree Menu
Viewed 1613 times since Sat, Jan 9, 2010
What is Search Engine Optimization?
Viewed 1343 times since Fri, Jun 25, 2010
Open Source WYSIWYG Editor
Viewed 1299 times since Thu, Jan 7, 2010
Create Glowing, Radioactive Buttons with CSS
Viewed 1009 times since Sun, Dec 27, 2009
Open Source Online Invoice System - siwapp
Viewed 1311 times since Thu, Jan 7, 2010
45 jQuery Navigation Plugins and Tutorials
Viewed 2346 times since Thu, Jan 28, 2010
Create Navigation Menu Easily with jQuery Menu
Viewed 1074 times since Thu, Dec 31, 2009
Tiny Flash MP3 Audio Player
Viewed 982 times since Wed, Jan 6, 2010
MENU