Slider

Simple jQuery slideShow.

Installation

Include the latest version of jQuery :

<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>  

How to Use

Reference the `slideShow()

HTML

<div class="container-slider">
    <!-- Slider -->     
        <a class="prev-icon click-prev">
            <i class="fa fa-angle-left" aria-hidden="true"></i>
        </a>
        <ul class="slider">
          <li class="active">
                <img src="image/img-1.jpg">
          </li>
          <li>
                <img src="image/img-2.jpg">
          </li>
          <li>
                <img src="image/img-3.jpg">
          </li>
          <li>
                <img src="image/img-4.jpg">
          </li>
        </ul>
        <a class="next-icon click-next">
            <i class="fa fa-angle-right" aria-hidden="true"></i>
        </a>                                                           
    <!-- End Slider -->
</div>    

jQuery

$(function() {  
	// Start by Default 
	$('.slider').slideShow(); // By Default start , speed :  2000
	
    // To Start Slideshow .    
    $('.slider').slideShow({    	
    		checkslide: 'start', // By Default start 
    		speed: 4000  // By Default 2000 
    });
        
    // To Stop Slideshow .
    $('.slider').slideShow({    	
    		checkslide: 'stop'    		
    });
});

Browser Support

– Google Chrome
– Safari
– Internet Explorer ( 8, 9, 10+ ) ( Not Tested )
– Firefox
– Opera

Release Notes

jQuery.slideShow 2.0.0 – Active With keyboard :) .

jQuery.slideShow 1.5.0 – option For Plugin .

jQuery.slideShow 1.0.1
– Initial Release

Feedback

If you discover any issues or have questions regarding usage, please send a message to ThemeForest or find me on GitHub @moahmed123.