As they say that “A picture is worth a thousand words”, this is true in case of internet. In blogs and websites presenting images are in visually appealing style becoming more important than ever before. Now you can also do this by using plugins. There any many readymade plugins available on web to create stunning slideshows and images galleries using these plugins. In this article, I am listing some of top free plugins to create image slideshows and photo galleries.
Galleria
Features
- Unobtrusive JavaScript
- Degrades gracefully if the browser doesn’t support JavaScript or CSS
- Lightweight (4k packed)
- 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 scale thumbnails and crop to fit in thumbnail container
- Can be used with custom thumbnails
- Stylable caption from image or anchor title
- jQuery plugin - takes one line to implement
- Can adjust the history object and enable the back button in your browser
- Can fire events so you can customize the images behavior onLoad
[Demo] [Visit Site] [Download]
GalleryView
[Demo] [Visit Site] [Download]
Supersized
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] [Visit Site] [Download]
Galleriffic
Features
- Smart image preloading after the page is loaded
- Thumbnail navigation (with pagination)
- jQuery.history plugin integration to support bookmark-friendly URLs per-image
- Slideshow (with optional auto-updating url bookmarks)
- Keyboard navigation
- Events that allow for adding your own custom transition effects
- API for controlling the gallery with custom controls
- Support for image captions
- Flexible configuration
- Graceful degradation when JavaScript is not available
- Support for multiple galleries per page
[Demo] [Visit Site] [Download]
(E)2 Photo Gallery
Features
- Multiple Galleries
- Videos
- Slide Show
- Customizable CSS
- XML Driven
- Sell Your Prints
- Upload Admin
- Keyboard Control
- Customize for your Language
[Demo] [Visit Site] [Download]
Flickrshow
Features
- Compatibility with photosets, groups and tags
- Improved caching of images
- Automated playback of your slideshow
- Unlimited themes
[Demo] [Visit Site] [Download]
Pikachoose
[Demo] [Visit Site] [Download]
Slideshow 2
[Demo] [Visit Site] [Download]
Animated JavaScript Slideshow by Leigeber
[Demo] [Visit Site] [Download]
Prototype extension: Showcase
[Demo] [Visit Site] [Download]
ImageFlow
[Demo] [Visit Site] [Download]
jQuery Slider Gallery
[Demo] [Visit Site] [Download]
polaroid photo viewer
[Demo] [Visit Site] [Download]
AD Gallery
Features
- Choose effect, should the image slide in, or fade in?
- Show fifth image by adding #ad-image4 to the url, this takes precedence over over settings.start_at_index
- jQuery call returns gallery instances, which enables you to change settings on the fly like the "Change to fade effect" link above
- Keyboard arrows to move back and forth
- Click on the edge of the big image to go to the next/previous
- Images are preloaded, and if the aren't finished loading when they are supposed to be displayed, a loading image will appear
- Slideshow count down only begins when the image has loaded and is visible
- Image title, can either be set in the title attribute, or in elm.data('ad-title', 'My title here'). $.data takes precedence over the title attribute
- Image descriptions, can either be set in the longdesc attribute, or in elm.data('ad-desc', 'My description here'). $.data takes precedence over the longdesc attribute
- Callbacks on different events that has access to the internal object, which means that you can access all internal methods, etc
- Takes the dimensions of the image container div and scales down images that are larger than it
Image is positioned in the middle if it's smaller than the container div - Images that are larger than the container are scaled down to fit inside the container
0 comments: