Web Designer’s Resources: jQuery Examples

An easy, and fairly common, way to add interactivity to your website design is to introduce some sort of sliding image, and the easiest and most common way to build a slider into a webpage is with the following jQuery examples. Here’s a roundup of three free downloadable jQuery slideshow plugins (you can pay a small fee to access the full code or technical support or make a donation to support the developers).

jQuery Examples: Slider Plugins


PageSlide free jQuery slideshow plugin demo

This slick jQuery plugin allows you to create an effect that slides a webpage to the right or left to reveal an additional interaction pane. Using a simple tool like this and mixing it with a beautiful design can make for an impressive website design—and really easy implmentation.


Rhinoslider free jQuery plugin demo

The developer of Rhinoslider pegs this free plugin as the most flexible jQuery slider/slideshow available. Rhinoslider features some pretty great effects (like transitions that explode or shuffle between images); an easy point and click configurator makes it painless to customize.

Quake Image Slider

Quake Image Slider free jQuery plugin demo

This free jQuery slider plugin also allows you to customize the transitions between slides, with effects like bars that drop, rise and slide into view. You can also randomize the rotation of your images.

More Web Design Resources

Learn how to create a great user experience—How to Define the ‘User’ in User Experience Design online design tutorial presented by Jose Caballer

Techniques in Responsive Web Design—on-demand design tutorial presented by Chris Converse