jquery-background-slideshow

jQuery plugin to create a mobile friendly background slideshow with fade transition

Usage no npm install needed!

<script type="module">
  import jqueryBackgroundSlideshow from 'https://cdn.skypack.dev/jquery-background-slideshow';
</script>

README

jquery-background-slideshow plugin

It

  • is mobile friendly, loads images only before shown,
  • pre loads only the next image shown,
  • uses a fade transition for the images,
  • works in all modern browsers and the internet explorer (not tested with IE < 11).

Demo Page

GitHub Repository

Usage:

$.backgroundSlideshow({
    delay: 10000, // delay between images in seconds, optional, defaults to 5000
    transitionDuration: 3000, // optional, defaults to 3000
    onBeforeTransition: callbackBeforeShowingAnImage, // optional
    onAfterTransition: callbackAfterShowingAnImage, // optional
    images: ["image1.jpg", "image2.jpg", "image3.jpg"]
})