15 Excellent thumbnail gallery effects

thumbnail-gallery
Used to showcase work or for products, nowdays the photo galleries are an important part of a website.
These excellent plugins that are listed bellow, can help you create high quality, professional thumbnail galleries.


A solution which relies on css sprites and a few lines of jQuery, but requires a bit of preparation before it can be implemented. It is not recommended for large scale projects and probably best for displaying portfolio pieces.
Greyscale over effect

This effect is just a demo of the possibilities. One can use the same technique to show the Title of the Image or RunTime and Title of Video Thumbnail.
Beautiful Thumbnail Hover Effect

To get this effect (image splitting in middle), two instances of the same image were used. One instance goes toward left while second image goes right, in effect giving an illusion that image is splitting in middle.
Another Beautiful Thumbnail Hover Effect

The hover zoom effect basically reverse zooms an image while fading in a label on top of it when the mouse hovers over it. It makes for a pretty slick effect which could be used on thumbnails.
Hover Zoom Effect

The imageZoom jQuery plug-in makes it easy to show off your images in an easy and attractive manner.
Image zoom plugin

Learn how to build thumbnail gallery with zooming effect and fadein and fadeout caption. This tutorial will walk you through the concept behind it and how to code it.
Zoom image - Fade caption

Learn how to use JQuery animations to slide captions and images in and out of view.
Sliding Boxes Effect

This is a simple technique to animate an image when hovering using jQuery’s animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an image.
Slide on hover effect

Learn how to make an image splitting effect. It’s simillar to a sliding door effect, the effect looks like the image is splitted into half and one goes left and the other one goes right.
Image splitting effect

Animate an image while hovering it and show the visitors information while doing that. Sounds simple huh? Well it is, but the effect is nice and can be nice for a portfolio, for example.
Animate a hover

Learn how to make a stunning four corners sliding effect easily with jQuery. It’s elegant, unique and really cool solution for thumbnail gallery.
Stunning Sliding Door Effect

Learn how to make a fade in – fade out effect. The effect fades an element to 30% on arrival of the website, then when you hover over it, it fades to 100%.
Fade in - Fade out effect

Learn how to make a black and white image fade into a color image.
Mouseover Fade Effect

Learn how to make a cool and easy spotlight effect with jQuery.
Cool Spotlight Effect

Learn how to make an effect that gives the feeling the image is sliding like a garage door and not simply moving. Once the animation finishes, the text element fades in.
Interesting jQuery Effect


Related Posts:





freepsdtemplate.com - daily updated PSD resources for webdesigners