8 Beautiful And Inspiring JavaScript Slideshow Transitions Demos

1. Polaroid Slider - A polaroid photo style slider

featured image

It’s a powerful javascript-css slider using CSS3 and dojoToolkit. Animation transitions – ease up the animation with 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. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. +100 preset transitions

Option to set shuffle mode for slideshow

Advanced javascript API considered. Developed with pure object oriented javascript.Add new feature: Shuffle mode for slideshow

More Details

4. Sky jQuery Touch Carousel

featured image

Auto slideshow and loop. Uses CSS3 transitions. Coded in object oriented JavaScript. (Minified JavaScript file)

(Non-minified JavaScript source code)

More Details

5. 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

Javascript code deep compression by smart compression engine

HTML caption with animation (390+ caption transitions)

Auto slideshow with optional pause on hover

More Details

6. Ether Grid Slider jQuery Plugin

featured image

Custom transitions, sliding axes, and more

Added: Easing effects for slide transitions

More Details

7. Crystal Gallery - jQuery Gallery with Blur Effect

featured image

Javascript blur effect

A variety of features not available in standard javascript gallery, including a stunning blur effect for thumbnails and overlay boxes. 4 types of photo changing transitions

Autoplay slideshow option

More Details

8. 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

Javascript code deep compression by smart compression engine

HTML caption with animation (390+ caption transitions)

Auto slideshow with optional pause on hover

More Details

9. Responsive KenBurner Slider jQuery Plugin

featured image

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. You just need to know little HTML and Javascript.

More Details