This is a usable and slick auto-playing featured content slider that is fully built with jquery.
Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right image number to fill all the available space or also the size of the images in use.
3. Avia Slider
Aviaslider is a unique jQuery slideshow plugin that can be used to create awesome templates.
AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project.
jQuery-powered bubble animation effect. It will be a great way to present a set of images on your website as a interesting slideshow. And as the code will be completely modular, you will be able to easily use it and modify it.
When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.
It shows some image with a headline and sub-headline in each slide and allows navigating through the slides using the thumbnails that also contain a headline.
In this tutorial, we will be writing a PHP class that will fetch, cache, and display your favorite tweets in a beautiful CSS3 interface.
GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.
10. Hovering Gallery
This is a great jQuery hovering gallery, that can be a great element to have fun with.
The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture.
howing a main image initially, we want to be able to zoom into certain parts of the image by clicking on tags, using another image for the closer view.
The idea is to show some portfolio items in a grouped fashion and navigate through them in all 2D ways (horizontal/vertical).
Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide
In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element.
16. Sexy Slider
In this short tutorial we will be making a jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.
The menu that you see above is a very fancy one and showing some great use of jQuery and CSS3.
The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color.
Present you images in stylish way. The links are unobtrusively highjacked to open the images in an inpage popup with drop shadow and border.
With jQuery you can enjoy new way of web development and image galleries are the best way to use it effectively and great ways to display your images with light code.