Top 10 jQuery Plugins to display images- Impressive jQuery applications

Top 10 jQuery Plugins to display images- Impressive jQuery applications

Slides: Slides is a crazy simple slideshow plugin for jQuery. With features like looping, auto play, fade or slide transition effects, crossfading, image preloading, and auto generated pagination. With Slides you’ll never see mulitple slides fly by. Slides elegantly just slides from one slide to the next. Slides is compatible with all modern web browsers including; Internet Explorer 7/8/9, Firefox 3+, Chrome, Safari and Mobile Safari. And it’ll even work in our old friend IE6.

Face Detection: A jQuery plugin which detects faces in pictures and returns theirs coords. It uses an algorithm named CCV (a JS file that needs to be included in to the documents as well) and has callbacks on every level. The usage is straightforward, just mention the element to be analyzed and get back the results, nothing complicated. The plugin is fairly easy to integrate into a social application, all you need to do is add the following code to a page so when you click the ‘detect faces’ button the plugin is run.

AviaSlider: Features includes 8 unique transition effects, Lots of easy to set options to create your own effects, Included Image preloader, Autoplay that stops on user interaction, Valid HTML5 and CSS 3 Markup, Packed version only weights 8kb, Supports linked images, already prepared to work with prettyPhoto Lightbox, works with jQuery 1.32 and higher.

Fullscreenr: So you want to have a background image on your website, which always fills the screen and maintains its aspect ratio? And it has to be centered, instead of focussing at the top left corner of the image? It is possible with jQuery and the fullscreenr plugin on this page! You can find a demonstration here and as you can see it works perfectly in all javascript enabled browsers. Note that Internet Explorer needs some extra code to enable the transparent png used for the raster over the background image. If you want to add this code I would like to refer you to unitpngfix, but of course you could just not support IE6

Slidy- jQuery Slidy is a plugin that generates a customizable transitions automatically.

MobilyNotes : MobilyNotes is lightweight (2KB) jQuery plugin that shows yout html content in interesting way.

jQuery Easy Slides – Possibly the easiest to use jQuery plugin for making slideshows! Although there are plenty of features to make this more than just a basic slideshow plugin, the list of features (and options) are not extensive. With jQuery Easy Slides- make a simple slideshow plugin that is quick and easy to use. jQuery Easy Slides also has the advantage of being fairly light weight, with both Javascript and CSS weighing in at just under 2.1kb.

Booklet – Booklet is a jQuery tool for displaying content on the web in a flipbook layout. It was built using the jQuery library. Licensed under both MIT and GPL licenses.

Pikachoose – PikaChoose jQuery Image Gallery is now available! Pikachoose is a lightweight jQuery Image Gallery plugin, now including jCarousel. jCarousel integrates smoothly with PikaChoose to give your gallery simple and effective carousel. PikaChoose now has API hooks for integrating lightboxes and other things. Check out this howto on integrating Fancybox with PikaChoose.

Flip!Flip is a jQuery plugin that will flip easily your elements in four directions.

Dr. Amarendra Bhushan Dhiraj

Dr. Amarendra Bhushan Dhiraj Verified account

CEO And Editorial Director at CEOWORLD Magazine
Dr. Amarendra Bhushan Dhiraj is the CEO and editorial director at CEOWORLD magazine, the leading global business magazine written strictly for CEOs, CFOs, top managers, company directors, investors, senior executives, business leaders, high net worth individuals, and the most globally powerful men and women.
Dr. Amarendra Bhushan Dhiraj