jQuery Topics
jQuery Awesome
jQuery Delicious
jQuery Buzz

jQuery Before/After Plugin

Monday, September 21, 2009
Tagged: ,

Catch My Fame recently released a very slick before & after plugin that enables easy transition between two different images. The plugin combines two images, presumably a “before” and “after” version of the same thing, and then transposes a slider over the merged composition. Users can then grab the slider and move it across the before and after image composition to see the difference between the two. This kind of functionality is normally done with Flash, so to have it available as a jQuery plugin is very exciting.

Weighing only 7K, the before/after plugin is packed with features, including:

  • Slick effect, no Flash needed
  • Reusable on multiple containers
  • Show either image via nav links
  • Cross-browser compatible
  • Many options, including auto-animation
  • Degradable. If the visitor doesn’t have JavaScript they will still see both images.

This plugin is perfect for showing the difference between any two before and after images. If this sounds like something you would like to do without Flash, this plugin is for you.

Demo

Documentation

Read more

AnythingSlider jQuery Plugin

Tuesday, August 25, 2009
Tagged: ,

The new AnythingSlider jQuery Plugin from Chris Coyier of CSS Tricks brings together many features of previous sliders and throws in some great new features. This slider is designed to be as useful as possible and is about as “full-featured” as it gets. The AnythingSlider plugin makes configuration and customization a breeze and comes equipped with the following features:

  • Slides are HTML Content (can be anything)
  • Next Slide / Previous Slide Arrows
  • Navigation tabs are built and added dynamically (any number of slides)
  • Optional custom function for formatting navigation text
  • Auto-playing (optional feature, can start playing or stopped)
  • Each slide has a hashtag (can link directly to specific slides)
  • Infinite/Continuous sliding (always slides in the direction you are going, even at “last” slide)
  • Multiple sliders allowable per-page (hashtags only work on first)
  • Pauses autoPlay on hover (option)
  • Link to specific slides from static text links

There are many good slider plugins available, but this one is packed with great features and delivers super-smooth performance. Highly recommended.

Demo Link

Documentation

Download

Read more

read newer posts »
jQuery Resources

Learn more about jQuery

jQuery News & Links

Live edit functionality in web pages and web apps is all the rage these days but never fun to implement. ...

I only just found out that the jQuery validation plugins has a validation rule called “remote” which can be used ...

jQuery function to check if horizontal scroll is present – hasHScrollBar() – (or vertical check below also, util function to ...

jQuery function to Set any DOM Element to Top View (bring to front) using CSS Z-Index property.

Is it possible to declare arrays in JavaScript object literal notation? Example 1 – this works with arrays Declaration: Storage ...

To get the a variables type using jQuery there is a jQuery function called .type() which returns “array”, “string”, “number”, ...

In this post you can find tutorials which explain step by step different API use cases with jQuery like Google ...

For valuable work on creation of sites you need a good comfortable editor necessarily. There are many requiring paid products ...

Today we are sharing with you a collection of awesome jQuery Camera Photo plugins. They offer a range of image ...

Back in the day, if you saw something that was animated on a website it was automatically assumed to be ...

In this post, we have compiled a list of 10 jQuery HTML5 Audio players available today, most allow native audio ...

jQuery Mobile is a powerful framework for making mobile web applications. But can we use it to convert existing desktop ...

I have jotted a quick post on a Basic JavaScript Regular Expression Example to give beginners out there a taste ...

In April 2012′s edition of Interestingly Random JavaScript, jQuery and Web Development we bring you some very cool stuff such ...

In this post we are sharing you a roundup of 10 really jQuery plugins as of today. Pretty cool plugins ...

As always expected from the jQuery community, the compilation we have for you today are some good and impressive recently ...

A collection of jQuery PNG/JPEG/GIF plugins that enables image animation, cartoon-like background, etc… let them help you design displays for ...

A collection of JavaScript/jQuery Zip/File/Compressor plugins that allows you to minify your JS code and compress your JS files ready ...

Quick jQuery code snippet on how to keep an element in view. For demo scroll down on any page on ...

Here is what I think is the best and most reliable way to load jQuery library and jQuery UI Libraries. ...

More Links & News

Community Resources

Use jQuery and the Google Maps API to create your own map application.

Super cool and easy way to get stylish tooltips with jQuery.

The right way to include the jQuery library in WordPress.

Share a resource