Best jQuery Gallery Plugins & Tutorials with Demo

SliderWall : jQuery image slider with Demo

SliderWall : jQuery image slider with Demo

SliderWall is a jQuery slider plugin that helps you to create all types of content sliders. The plugin is entirely based on HTML5, CSS3 and JavaScript.SliderWall is a very flexible tool, meaning that you can use it to create many types of sliders, from content sliders to image sliders.

And you don’t have to start from scratch! SliderWall offers you several different templates – along with cool transition effects – that can be customized in CSS so that they match your website’s design.

Photo Wall : jQuery plugin with Demo

Photo Wall : jQuery plugin with Demo

jQuery photo wall gallery plugin (like in google).

filtrify : jQuery HTML5 Advanced tag filtering with Demo

filtrify : jQuery HTML5 Advanced tag filtering with Demo

Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu.

Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags.

Hoverizr : A responsive jQuery Image manipulation and overlay plugin

Hoverizr : A responsive jQuery Image manipulation and overlay plugin with Demo

Hoverizr is a really small (2.5KB minified) responsive jQuery plugin that outputs manipulated images on top (or below) your targeted images. Currently, it features three effects: grayscale, blur and color inversion. Automatically when you move your mouse over the target elements, the element above fades out to reveal the element beneath whether it is the original image or the manipulated one.Hoverizr takes advantage of the <canvas> element to do all the image processing.

Flippy : Flip effect jQuery Plugin with Demo

Flippy : Flip effect jQuery Plugin with Demo

Flippy is a cross-browser flip effect plugin for jQuery which allows you to flip whatever html element you want.The Flippy plugin works fine for every modern web browser except Internet Explorer 8 and before (of course…).
In this demo I used the excanvas.js file to allow the use of canvas in older IE versions.

Parallax Content Slider with CSS3 and jQuery

Parallax Content Slider with CSS3 and jQuery with Demo

Today we want to share a simple jQuery parallax content slider with you. Using CSS animations, we’ll control the animation of each single element in the slider and create a parallax effect by animating the background of the slider itself.

The idea for this comes from the slider of the Kendo UI homepage, a framework for modern HTML UI. After we got some requests and questions about how to do something like that, we decided to recreate the effect.

jQuery.listScroller : A jQuery image slider

jQuery.listScroller : A jQuery image slider

Make a list of items scrolls in a circle is a simple task. A bit of CSS, a few dozen lines of code. But as a web developer, I have to keep writing this over and over again and I couldn’t find a flexible enough plugin for me. So I wrote up this plugin so web developers/designers can quickly create an list of item with previous and next button to scroll through the list in circle. You can also set an interval so the list will scroll automatically.

Adipoli : Attractive jQuery Image Hover effect plugin

Adipoli : Attractive jQuery Image Hover effect plugin

Adipoli is a jQuery plugin that beautifies and simplifies creating and consuming such stylish hover effects.

With a simple function, we can choose the “start effect (normal, transparent or overlay)” and the images will become less catch until they are hovered.

There are 20+ built-in and attractive transition effects that will display the images “as is” when users hover them.

Also, multiple configuration options exists for further customizing the transitions.

jQuery Animated Filter gallery : Filters

jQuery Animated Filter gallery : Filters

Filters is a jQuery plugin that allows to filter items using custom animation. You can use CSS3 transitions or just fadeIn/Out effect. Go to the demos and see how simple is that.

jQuery Scroller Image Gallery : jsCraft Scroller

jQuery Scroller Image Gallery : jsCraft Scroller

Scroller is a plugin for jQuery that allows display images in the form of round markers



Best jQuery websites design awards