Skip to content

Latest commit

 

History

History
41 lines (36 loc) · 843 Bytes

File metadata and controls

41 lines (36 loc) · 843 Bytes

SimpleSlider

Simple jQuery slider plugin with navigation and autoplay

How to set up plugin

  1. Link SimpleSlider CSS file
<link rel="stylesheet" href="libs/simpleSlider/simple.slider.min.css">
  1. Link jQuery library
<script src="jquery.js"></script>
  1. Link SimpleSlider JS file
<script src="libs/simpleSlider/simple.slider.min.js"></script>
  1. Add necessary HTML markup where - *class="simple-slider" is define slider on your page and *class="ss-elem" is define your slide
<div class="simple-slider">
	<div class="ss-elem">
		<img src="" alt="">
	</div>
</div>

Activate plugin in your .js file

$(".simple-slider").simpleSlider();

You can use an "options" object for some settings

$(".simple-slider").simpleSlider({
	nav   : true,
	width : 600 
});