Fullscreen Background Image Slideshow Plugin with jQuery

File Size: 676 KB
Views Total: 9999
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Fullscreen Background Image Slideshow Plugin with jQuery

Just another simple yet customizable jQuery background slideshow plugin that enables you to automatically switch the background images of your page at a certain speed.

How to use it:

1. Include the jQuery javascript library and sublimSlideshow.js in the page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.sublimeSlideshow.js"></script>

2. Call the plugin on document ready and set an image array for the background images.

<script type="text/javascript">
$(function(){
$.sublime_slideshow({
src:[
{url:"images/1.jpg"},
{url:"images/2.jpg"},
{url:"images/3.jpg"},
{url:"images/4.jpg"},
{url:"images/5.jpg"},
{url:"images/6.jpg"}
],
duration:   6,
fade:   3,
scaling:false,
rotating:   false,
overlay:"images/pattern.png"
});
});
</script>

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