15 Beautiful And Inspiring jQuery Slideshow Transitions Projects

1. Ether Grid Slider jQuery Plugin

featured image

Ether Grid Slider is an extremally functional jQuery plugin designed for transforming any type of content into practical grids and/or sliders. Custom transitions, sliding axes, and more

Fixed: jQuery 2.Added: Easing effects for slide transitions

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. Strapslide - Responsive Bootstrap Slider Plugin

featured image

Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions.jQuery 1.7 – jQuery 2.Powerful CSS Transitions with jQuery FallBack

Change Speed of Transitions

Set different End and Start Transitions of Captions

Slideshow Design

More Details

4. Jssor Slider No-jQuery Version, TOUCH RESPONSIVE

featured image

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

390+ caption effects/transitions

Jssor slider comes with 390+ impressive caption effects/transitions

Move, fade, clip, zoom and rotation transitions are all supported for all browsers

HTML caption with animation (390+ caption transitions)

Auto slideshow with optional pause on hover

More Details

5. DZS Testimonial Rotator - jQuery powered

featured image

Want an awesome way to display your clients reviews on your site ? This is the widget for you! Customize everything from text and author to slideshow times and transitions.multiple transitions – features multiple transitions to make a cool user experience

jquery

More Details

6. Lush - Content Slider

featured image

The animation system is completely extensible allowing to add more animations and transitions easily just like adding new CSS classes. jQuery 2. Added support for jQuery 2. Update to jQuery 1.

More Details

7. KenBurner Slider jQuery Plugin

featured image

KenBurner Slider jQuery Plugin What is it? Kenburner is the premium way of using a slider in your website. In Chrome the fadeover transitions are swapped against slide transitions to ignore the Canvas Bug in Chrome

You will see some Flickering by changing between slides with fade Transitions. Since this problem does not exist in IE or in FF we can only provide you a small workaround where the Plugin automatically ignore fade transitions in Google Chrome. And if you use a browser which does not this it will FallBack to a jQuery version. Or go nuts and choose “Random”! And do not forget that you not only can animate your picture transitions and the Ken Burns Effect but the elements (Text, Icons, Pics…) on each slide too.Image and Thumbs fully resizable Using Canvas Animation with FallBack to CSS Animation and also with FallBack to jQuery Optional Ken Burns effect Unlimited Caption Layers Unlimited Slides Customizable Ken Burns Effect (StartEnd-Position and Zoom or Random) iPhone/iPad & Android Swipe Touch enabled jQuery Conflict free plugin Customizable 100% via Plugin Parameters / CSS / HTML Easy installation in your Website Special Easing Example Page included Example Picture Effect Instruction PSD included 2 Pictures are used for Hover-Effects, so you can build every effect you wish (blur, greyscale…) with your favorite image tool

Is it hard to implement? No! It is the typical way of implementing a jQuery plugin.

More Details

8. iCarousel™

featured image

iCarousel is a powerful mobile-friendly and jQuery HTML slider plugin that allows you to arrange a set of images in a carousel layout.jQuery capabilities. Auto slideshow with optional pause on hover. Fast, hardware accelerated CSS3 transitions. * Fixed jQuery fallback animation bugs. * Added jQuery fallback animation. * Added easing for jQuery fallback animation.

More Details

9. The Fusion of Tabs and Slider with jQuery

featured image

Auto slideshow with optional pause and play button.15 Different Effects Between Transitions.

More Details

10. Responsive KenBurner Slider jQuery Plugin

featured image

Responsive KenBurner Slider jQuery Plugin

Responsive KenBurner Slider jQuery Plugin is the premium way of using a slider in your website. You will see some Flickering by changing between slides with fade Transitions. Since this problem does not exist in IE or in FF we can only provide you a small workaround where the Plugin automatically ignore fade transitions in Google Chrome.And do not forget that you not only can animate your picture transitions and the Ken Burns Effect but the elements (Text, Icons, Pics…) on each slide too. jQuery Conflict free plugin

No! It is the typical way of implementing a jQuery plugin.

More Details

11. Crystal Gallery - jQuery Gallery with Blur Effect

featured image

The Crystal Gallery jQuery plugin provides a customizable, one-of-a-kind gallery look to fit all your image presentation needs. 4 types of photo changing transitions

Autoplay slideshow option

uk/sandbox/jquery/easing/jquery.com/brandonaaron/jquery-mousewheel

More Details

12. Saloon - The jQuery Banner Rotator Plugin

featured image

Saloon – The simple jQuery banner rotator animates your image and text slides with transition effects of the wide library. Easy installation, state-of-the-art transitions and text animations define the freshline style. See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs.No! It is the typical way of implementing a jQuery plugin.Conflictfree jQuery Plugin

More Details

13. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

390+ caption effects/transitions

Jssor slider comes with 390+ impressive caption effects/transitions

Move, fade, clip, zoom and rotation transitions are all supported for all browsers

HTML caption with animation (390+ caption transitions)

Auto slideshow with optional pause on hover

More Details

14. Sky jQuery Touch Carousel

featured image

Sky jQuery Touch Carousel is a jQuery carousel slider plugin with rich set of features. Auto slideshow and loop. Uses CSS3 transitions.

More Details

15. ajSlideshow: A jQuery Gallery Slideshow Plugin

featured image

A jQuery gallery slideshow plugin plugin is a perfect slideshow and it is as it looks.No, its real easy, you can use this plugin as most of other available jQuery plugins.Supports images of different dimensions, images bigger than slideshow area will be auto-reized to fit the view.A True jQuery Plugin.5 simple slide transitions : slide left/right/up/down and fade.

More Details

16. Slider Revolution Responsive jQuery Plugin

featured image

Slider Revolution! Responsive jQuery Plugin The Revolution is here!

See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS!

jQuery 1.JQuery-only Version: Slider Revolution Responsive Wordpress Plugin

Using CSS Animation with FallBack to jQuery

jQuery Conflict free plugin

Countless Art of Transitions

Feature: jQuery 2.Feature: jQuery 2.Feature: Changed Caption Animation from jQuery animation against CSS Animations. Fullwidth transitions are going to stay in box, and timed well

feature: added first slide transition, that can be various from the other transitions.Support: jQuery 1.Updated jQuery Transition Plugin to 0.Feature to set different End and Start Transitions of Captions

Bug Fix for jQuery UI slider

New Transitions like papercut, flyin, 3D curtain, Cube, TurnOff has been added

IE9 and IE8 transitions reduced to None CSS3 Transitions

0 and jQuery 1.js) has been added for better and smoother Transitions

jQuery 1.72 and jQuery 1.Feature added : slidehorizontal and slidevertical transitions has been added, where depending on slide order and navigation direction slides moved out to the left / right or to the top or bottom

bug fix: jQuery 1.Feature added: Random Transitions with random Slots can be used now

IE7 and IE8 bug has been repaired by slot slide, slot fade and boxfade transitions.

More Details