Nowadays Image galleries, slideshows and sliders are becoming more popular. With the jQuery there are many plugins are available. In this post I have collected some of them most powerful and creative plugins using jQuery.
Supersized – Full Screen Background/Slideshow jQuery Plugin
Supersized is the full screen Background/Slideshow jQuery Plugin. It has amazing looks and transition effects.
Features
- Resizes images to fill browser while maintaining image dimension ratio
- Cycles Images/backgrounds via slideshow with transitions and preloading
- Navigation controls allow for pause/play and forward/back
Demo: http://www.buildinternet.com/project/supersized/default.php
Sliding Boxes and Captions with jQuery Tutorial
All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through. From this basic idea we can play around with animations of the sliding element to either show or cover up the viewing area, thus creating the sliding effect.
Demo: https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm
Easy Slider jQuery Plugin
Easy Slider enables images or any content to slide horizontally or vertically on click. It is configurable with css alone. So, basically you link to plugin file, set the content up and style it with css.
Features
- auto slide
- continuous sliding
- “go to first” and “go to last” button
- hiding controls
- optional wrapping markup for control buttons
- vertical sliding
- multiple sliders on one page
Demo: http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
AnythingSlider jQuery Plugin
:
CSS-Tricks has create a really full featured slider plugin that could be widely useful.
- Slides are HTML Content (can be anything)
- Next Slide / Previous Slide Arrows
- Navigation tabs are built and added dynamically (any number of slides)
- Pauses autoPlay on hover (option)
Demo: http://css-tricks.com/examples/AnythingSlider/
Galleria image gallery jQuery Plugin
Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.
Features
- Displays the thumbnail when the actual image is loaded
- CSS powered – create your own gallery style
- Super fast image browsing since the images are preloaded one at a time in the background
- Can be used with custom thumbnails
- jQuery plugin – takes one line to implement
Create a Beautiful jQuery Slider Tutorial
Tutorial explains how to develop Create Beautiful jQuery sliders with image description and name.
jCarousel
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation)
Demo: http://sorgalla.com/projects/jcarousel/examples/static_multiple.html
GalleryView jQuery Plugin
GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.
Simple JQuery Image Slide Show with Semi-Transparent Caption Tutorial
This step by step tutorial helps to create a simple image slide show with a semi-transparent caption with jQuery, which is suitable to display news headlines, or a image slide show in your website frontpage.
Demo: http://www.queness.com/resources/html/slideshow/jquery-slideshow.html
jQuery virtual tour
This plugin is usefull to do virtual tour of place, home etc,
This virtual tour plugin has the particularity to be accessible and can run even if javascript has not been activated] : navigation uses the standard html tags
Demo: http://www.openstudio.fr/jquery-virtual-tour/salleformation.html
Full Screen Image Gallery Using jQuery and Flickr
Full Screen Image Gallery Plugin is a full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. It can be used with a flickr search engine, thumbnails, captions, preloader and some other goodies
Demo: http://devkick.com/lab/fsgallery
jQuery Slideshows With the Cycle Plugin
The jQuery Cycle plugin allows developers to quickly and easily create a slideshow out of anything contained within a given div element.
Demo: http://blog.themeforest.net/tutorials/jquery-slideshows-with-the-cycle-plugin
jQuery: jqGalScroll
jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.
Demo: http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery
slideViewer
SlideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images.
Demo: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
jQuery lightbox plugin
jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.
Demo: http://leandrovieira.com/projects/jquery/lightbox/
Dynamic Image Gallery and Slideshow
Demo: http://sandbox.leigeber.com/slideshow
GalleryView
GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.
Brilliant. I wish more bloggers would take the time to come up with quality posts like this one.
Excellent Collection!
nice job,
thank u for sharing plugins
Thanks for Gallery view slide show
http://www.raghibsuleman.com/jquery-webcomics-roundup-slideshow
nice gud i like this