Autoslide function: new interval parameter

demos/why-webslides.html

@@ -342,7 +342,7 @@
     <!-- jQuery (required for slides to work) -->
     <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
     <script src="../static/js/webslides.js"></script>
-    
+
     <script type="text/javascript">
       var slide = jQuery('#webslides').webslides();
     </script>

static/js/webslides.js

@@ -33,7 +33,8 @@ jQuery.fn.webslides = function(options) {
       $firstSlide,
       $lastSlide,
       $auxSlide = null,
-      slidePointer;
+      slidePointer,
+      intervalId;
 
   var total = 0;
 
@@ -50,6 +51,7 @@ jQuery.fn.webslides = function(options) {
    * @param {string} previous Previous HTML element ID
    * @param {string} current Current HTML element ID
    * @param {string} verticalClass Vertical class
+   * @param {boolean} autoslide Auto slide, default false
    */
   var init = function(_options) {
     obj.settings = {
@@ -59,7 +61,8 @@ jQuery.fn.webslides = function(options) {
       next : 'next',
       previous : 'previous',
       current : 'current',
-      verticalClass : 'vertical' // #webslides.vertical - You must add this class to slideshow for vertical sliding
+      verticalClass : 'vertical', // #webslides.vertical - You must add this class to slideshow for vertical sliding
+      interval : false,
     };
 
     // Allow overriding the default config
@@ -134,6 +137,8 @@ jQuery.fn.webslides = function(options) {
       $currentSlide = $firstSlide.show().addClass(obj.settings.current);
       updateCounter();
     }
+
+    obj.autoslide();
   };
 
   /**
@@ -247,6 +252,16 @@ jQuery.fn.webslides = function(options) {
     });
   }
 
+  /**
+   * Autoslide process
+   */
+  obj.autoslide = function() {
+    if (obj.settings.interval != false && obj.settings.interval > 0) {
+      clearInterval(intervalId);
+      intervalId = setInterval(obj.nextSlide, obj.settings.interval);
+    }
+  }
+
   /**
    * Init hash
    */
@@ -385,6 +400,8 @@ jQuery.fn.webslides = function(options) {
       // fire slide event
       fireSlideEvent();
     }
+
+    obj.autoslide();
   };
 
   /**
@@ -453,6 +470,7 @@ jQuery.fn.webslides = function(options) {
       // fire slide event
       fireSlideEvent();
     }
+    obj.autoslide();
   };
 
 
@@ -476,6 +494,7 @@ jQuery.fn.webslides = function(options) {
 
     // update counter
     updateCounter();
+    obj.autoslide();
   };
 
   /**