12 Effective CSS Fading Slideshow Resources For Your Inspiration

1. LayerSlider Responsive jQuery Slider Plugin

featured image

Unlimited variations of hardware accelerated animations (sliding from / to 4 directions or fading in / out (sublayers only) with countless easing types and sublayers can slide or fade out before other sublayers appear)

Tons of (mostly unique) features (auto-play and auto-preview images for YouTube and Vimeo videos, auto-pause slideshow if videos are playing, pause on hover, image preload, loops, linking sublayers to another layer or to any url, yourLogo feature with link, deep-linking, random start, random-slideshow, etc.

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. Evo Slider Pro - jQuery Slider Plugin

featured image

Evo Slider Pro – jQuery Slideshow & Content Slider Plugin

Simply set your slider to display in accordion, fading, or scrolling mode.CSS Skinning – Build your own skin by simply editing the default skin through CSS,

More Details

4. 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. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

All UI is fully under control by html + css code. Use any html/css code to customize thumbnail to anyformat

Auto slideshow with optional pause on hover

More Details

5. bgStretcher jQuery Background Resizer & Slideshow

featured image

When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin will work as a slideshow if multiple images are used.Advanced Slideshow Features

More Details

6. CSS3 Zi-Popup Animated Image Sliders

featured image

Effects: Fading, Zoom In, Zoom Out, Slide left, Slide Right, Slide Top, Slide Bottom & Newspaper

More Details

7. Strapslide - Responsive Bootstrap Slider Plugin

featured image

Powerful CSS Transitions with jQuery FallBack

Slideshow Design

More Details

8. jQuery Fullscreen Scroll Gallery

featured image

A slider jQuery plugin help you to display fullscreen images with auto delay slideshow support. Auto delay slideshow.

More Details

9. Photostack jQuery Plugin

featured image

Image preloading and smooth fading

Slideshow feature (automatic, start, stop, timeout)

More Details

10. Royal 3D Carousel

featured image

More Details

11. Ultimate Grid Responsive Gallery

featured image

This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Lightbox with slideshow (play, pause, auto-play)

More Details

12. BloxHover - jQuery Image Hover Effects

featured image

There are two types of effects – ones that ‘show’ the overlay with content on hover and the ones which ‘reveal’ the image, by fading out the overlay on hover.

More Details

13. jQuery Responsive Grid Quote

featured image

Auto delay slideshow.slideshow: true,

More Details