ff

Now a days, every website has image gallery to show images and media. jQuery plugins are best way to create such things. We have created a list of some powerfull jQuery image gallery plugins. These plugins comes with variety of options and features.

Building a jQuery Slideshow Plugin from Scratch

1

A lot of things about how we approach front-end have changed dramatically over the last couple of years. We all have our favorite “go-to” plugins — many of them from the age of the fixed grid — but perhaps they’re no longer the best tools for the job. What should do we do when this happens? Start looking for new ones, or build our own?

Slideshow Plugin

GAMMA GALLERY: A RESPONSIVE IMAGE GALLERY EXPERIMENT

3

Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.

Gamma Gallery

STACKSLIDER: A FUN 3D IMAGE SLIDER

2

StackSlider is a highly experimental jQuery image slider plugin that explores a different and fun viewing concept for thumbnails, utilizing CSS 3D transforms and perspective. The idea is to navigate through two piles of images where the transition resembles an item being lifted off from the top of the stack and moved/rotated to the center of the container to be viewed. The previously viewed image falls on the opposite stack.

StackSlider

Nivo Slider

4

The Nivo Slider is world renowned as the most beautiful and easy to use image slider on the market. There is literally no better way to make your website look totally stunning.

Nivo Slider

Unslider

5

Unslider’s been tested in all the latest browsers, and it falls back magnificently for the not-so-latest ones.

Unslider

SLICEBOX REVISED

7

Slicebox, the jQuery 3D image slider plugin, has been updated. We’ve done some major improvements and added new features.
A lot of changes were integrated into the new Slicebox, here are the most important ones:
Slicebox is now responsive.
The images can now be wrapped into an anchor. You can also leave the image without an anchor around or have a mix of both cases (see the original original article for more details on the structure).
The description is not taken from the title attribute of the image any more. There is a separate container for that and you can add any markup.
The description is now always shown.

SLICEBOX REVISED

Royal Slider

6

RoyalSlider is a powerful image gallery and content slider plugin.
Script is available as jQuery and as WordPress plugin, view WordPress version features.
Every slider template is responsive and touch friendly. Take a look at it in your mobile device or try to resize your browser to see the effect.

Royal Slider

Create a Responsive Image Slider in jQuery

8

Today we will code a responsive image slider from the Impressionist UI. We will code it using the FlexSlider plugin for the functionality and style it using CSS3. I hope you will enjoy it and find it useful for your projects. Lets get started!

Responsive Image Slider

PARALLAX SLIDER WITH JQUERY

12

We will make use of the parallax principle to move different backgrounds when we slide to an image in order to create some nice perspective. This will give a great depth to the whole slider when it’s in motion.

PARALLAX SLIDER

HOW TO CREATE A SIMPLE MULTI-ITEM SLIDER

10

A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.

MULTI-ITEM SLIDER

SLIDEME!

9

A responsive, css3, compatible (works fine even with IE7), customizable, easy to install (and use), multi-instance, fullscreen, cool, powerful slideshow plug-in for jQuery.

SLIDEME!

TRIPLE PANEL IMAGE SLIDER

11

In this tutorial we will create a jQuery triple panel image slider with a 3D look. The idea is to have a main panel and two lateral panels that are rotated slightly in 3D space. When navigating, we will slide in the respective next image in each panel. We’ll be using CSS 3D Transforms with perspective and CSS Transitions.

TRIPLE PANEL IMAGE SLIDER
If you enjoyed this post, please consider leaving a comment below or subscribing to the RSS feed to have future articles delivered to your feed reader. You can also follow us on Facebook or Twitter @designlooper

Show some Love :)

About The Author

J. Morris is the Co-Founder & Editor of DesignLooper. He is also a Web Designer who loves to build responsive web designs.