Lightweight jQuery Background Slideshow Plugin - BgSwitcher

File Size: 531 KB
Views Total: 26677
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Lightweight jQuery Background Slideshow Plugin - BgSwitcher

jQuery BgSwitcher is a lightweight jQuery Background Slideshow plugin that switches the background-image with some animation/easing effects and options.

See also:

Basic Usage:

1. Include jQuery library and jQuery BgSwitcher Plugin on the web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../jquery.bgswitcher.js"></script>

2. Create a container

<div class="box">
</div>

3. The javascript

$(".box").bgswitcher({
  images: ["pic1.jpg", "pic2.jpg", "pic3.jpg"], // Background images
  effect: "fade" // fade, blind, clip, slide, drop, hide
});

4. Options

$(".box").bgswitcher({
  images: ["pic1.jpg", "pic2.jpg", "pic3.jpg"], // Background images
  effect: "fade", // fade, blind, clip, slide, drop, hide
  interval: 5000, // Interval of switching
  loop: true, // Loop the switching
  shuffle: false, // Shuffle the order of an images
  duration: 5000, // Effect duration
  easing: "swing" // Effect easing
});

Change log:

v0.4.3 (2014-02-16)

  • Add method of select the switching

v0.4.2 (2013-10-04)

  • Add method of select the switching

v0.4.1 (2013-09-05)

  • Add static method of define effect

This awesome jQuery plugin is developed by rewish. For more Advanced Usages, please check the demo page or visit the official website.