20 New jQuery Image Slider and Slideshow 2012

Here is newest jquery image slider and slideshow plugin edition 2012, it is professional design for image slider/slideshow that i have collected with free download  and demo link views. Some plugin using CSS3 and jQuery coding have new  feature support with mobile device as well. You may finding some kind of image slider or slideshow such as jquery random image slideshow, jquery background image slideshow, jquery mobile image slider with HTML code for design a website.

1. Fullscreen Slit Slider with jQuery and CSS3

In this tutorial focus on a full screen presentation with a twist: we will cut the current slide open to reveal the next or previous slide. Using different data-attributes, we define the angle of rotation type and extent of the parts of a slide, giving us the opportunity to create unique effects of each slide transition.

Demo | Download

2. Parallax Content Slider with CSS3 and jQuery

Here is a simple cursor parallax content with you. Use CSS animations, we will control the animation of each element in the cursor and create a parallax effect to animate the background of the cursor itself.

Demo | Download

3. Fluid CSS3 Slideshow with Parallax Effect

In this tutorial, we’re going to create a presentation with a parallax effect with the help of some CSS3 properties. We will use radio buttons and joysticks to control siblings that flow is shown.

Demo | Download

4. Audio Slideshow with jPlayer

Here is an audio presentation with you, that is, a presentation that is synchronized with a little ‘sound. We are using the open source framework jPlayer audio.

Demo | Download

5. Fullscreen Background Image Slideshow with CSS3

This is a CSS-only slideshow in full screen background image. We create transitions between images and also do a title displayed using CSS animations.

Demo | Download

6. Slideshow with jmpress.js

Here is a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects to your slides.

Demo | Download

7. Fast Hover Slideshow with CSS3

This is a new small fast-running slideshow of images that play on rollover and stops when mousing out. The current image will remain visible.

Demo | Download

8. Image Accordion with CSS3

Here is an accordion image that will expand on an item click. Using peers and combiners a nested structure of elements we can control the opening  slides with radio buttons.

Demo | Download

9. Sliding Image Panels with CSS3

Here is a sliding panel Neat Image with CSS alone. The idea is to use background images for the panels and animate when you click on a label. We will use radio buttons with labels and target the respective panels with the general sibling selector.

Demo | Download

10. jQuery Retina Plugin for Image Slider

The retinal images are not optimized look blown up and fuzzy on retinal devices. At the moment, this is only the new iPad (aka iPad 3), iPhone 4 and 4S. However, more and more devices will soon be activated retina, from Android and Windows Mobile, OSX and Windows desktops.

Demo | Download

11. Skitter jQuery for Image Slideshow

Demo | Download

12. A Touch Optimized Gallery Plugin

This is a jQuery plugin that transforms a collection of photos on a web page into a touch-friendly furniture gallery. It runs on all major browsers (except for IE7 and below) and, especially, is specifically designed with iPhone OS and Android in mind

Demo | Download

13. Flexslider – Responsive jQuery Slider plugin

FlexSlider is an responsive, fully compliant plug-in jQuery slider. In other words, it is resized to fit the screen that appears, and looks good doing it.

Demo | Download

14. Blueberry jQuery image slider

Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

Download

15. jQuery Responsive Thumbnail Gallery Plugin

jQuery Plugin for creating image galleries that scale to fit their container.

Download

16. Image Gallery Slider for mobile and touch devices

PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices such as iPhone, iPad, Android, Blackberry 6 and Desktop all supported.

Demo | Download

17. wmuSlider  jQuery responsive slider

Here is a responsive cursor on the homepage. Please keep in mind that it is still very rough (really) and under the MIT license, which basically means: break it, steal it, but the stuff IS PROVIDED “AS IS”!

Download

18. Responsive jQuery Slideshow Plugin v1.32

ResponsiveSlides.js is a jQuery plugin that creates a small slider using sensitive list items inside <ul>. It works with a wide range of browsers including all versions of IE to IE6 and above. It also adds support for CSS max-width for IE6 and other browsers that do not support it natively.

Download

19. Div Scroll Smooth jQuery Slideshow Plugin

Div Scroll Smooth is a jQuery plugin that content flowing horizontally to the left or right. In addition to many other plugins scroll that was written for jQuery Smooth Div Scroll does not limit the scrolling stages. As the name hints plugin, scrolling is smooth.

Demo | Download

20. Actual Slider – Responsive Slider CSS3