add button

Author: bjtqti

slider/index.html

@@ -15,11 +15,11 @@
 			<li class="slider-item"><img src="images/pic23.gif" alt="3"></li>
 			<li class="slider-item"><img src="images/pic24.gif" alt="4"></li>
 		</ul>
-		<div class="slider-button prev">&lt;</div>
-		<div class="slider-button next">&gt;</div>
 	</div>
 	<script>
-		Slider('#slider')
+		Slider('#slider',{
+			buttons:true
+		})
 	</script>
 </body>
 </html>

slider/slider.js

@@ -27,10 +27,11 @@
 		autoplay: true,
 		bounceRatio:0.1,
 		pagination:true,
+		loop:true,
+		buttons:false,
 		paginationClass:'slider-pagination',
 		bulletClass:'slider-bullet',
-		bulletActiveClass:'slider-bullet-active',
-		loop:true
+		bulletActiveClass:'slider-bullet-active'
 	};
 
 	var isObject = function (obj) {
@@ -123,6 +124,10 @@
 			this.createLoopItems();
 		}
 
+		if(this.params.buttons){
+			this.createButtons();
+		}
+
 		if(this.params.autoplay){
 			this.autoPlay();
 		}
@@ -184,6 +189,17 @@
 		this.setActivePagination();
 	}
 
+	fn.createButtons = function(){
+		var prev = document.createElement('div');
+		var next = document.createElement('div');
+		prev.className = 'slider-button prev';
+		next.className = 'slider-button next';
+		prev.innerHTML = '<';
+		next.innerHTML = '&gt';
+		this.container.appendChild(prev);
+		this.container.appendChild(next);
+	}
+
 	fn.setActivePagination = function(){
 		var prevIndex = this.activeBulletIndex;
 		var activeIndex = this.activeIndex;