Looking for a solution to create attractive backgrounds for the hero header or the whole body of your webpage?
Table of contents:
- jQuery Background Slideshow Plugins
- Vanilla Background Slideshow Plugins
- Pure CSS Background Slideshows
jQuery Background Slideshow Plugins:
Background Cycle is a simple lightweight jQuery plugin that enables you to cycle through an array of background images within a given container.
A responsive, full width, automatic slideshow from an array of background images, with a subtle image zoom effect.
jQuery BgSwitcher is a lightweight jQuery plugin that switches the background-image with some animation/easing effects and options.
Vegas is a amazing jQuery Plugin for adding beautiful fullscreen backgrounds to your webpages.
A full screen background image slider plugin that automatically resizes and centers the images while preserving their aspect ratios to adapt your slider for any device.
Vanilla JS Background Slideshow Plugins:
Suwa.js is a responsive, touch-enabled and fully customizable carousel component that enables you to endlessly slide through a group of DIV elements containing different background images.
Pure CSS Background Slideshows:
A fullscreen background slideshow with a crossfade transition effect built only with HTML and CSS/CSS3.
A fancy responsive background slideshow which uses CSS3 to fade through a group of background images with a Ken Burns effect.