Jquery Gallery Examples Part 1- The best web galleries out there.
I wanted to put together some of my favorite jquery galleries so client, friends and everyone else can see what can be used to make there website pop. These galleries are easy to implement into sites and they do not require Flash. So in all most all cases you will benefit more from SEO and will be able to track the traffic movement in Google Analytics.
I tried to categorize the galleries into types and list them below.
Galleriffic
Description:
Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth.
Features:
- Smart Image Preloading after the page is loaded
- Thumbnail Navigation (with pagination)
- Keyboard Navigation
- Bookmark-friendly URLs when history is enabled
- Slideshow (with auto-updating url bookmarks)
- Image cross-fade transitions
- Download Link for the original image
- Flexible configuration
Updated to use version 2.0.1 of the Galleriffic jQuery plugin. New features include image crossfades, keyboard navigation, and the ability to choose where the thumbnails are to be positioned.
View Demo
Galleria
This gallery was created from a simple unordered list with images – thumbnails and functionality is all in the Galleria plugin. Viewing this page without javascript or CSS enabled with degrade it into a list of full-size images.
The history object is also active, so feel free to try the back button in your browser and bookmark a page. The next and previous links are simple to create since the galleria object has two public functions for traversing the images in your list.
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
- Browserproof
- Can adjust the history object and enable the back button in your browser
- Can fire events so you can customize the images behaviour onLoad
View Demo
NotesForLightBox
NotesForLightBox s a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
The current functionalities are:
- Rounded corners light box
- Navigation with buttons
- Real slide show with progress bar
View Demo
Jquery Morphing Gallery
In this tutorial you will learn how to create a simple image gallery that when an image is selected, it will “morph” into its relevant size.