🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

myelinSlider is a really small jQuery plugin that let you create an automatic & endless-looping image slider with side navigation links.

Image-Slider

Documentation

myelinSlider

jquery slider plugin

HTML Markup

<div class="banner"> 	<ul class="banner-img"> 		<li><a href="http://mokgoon.com" id="mb1"><img src="../img/sample_img01.jpg" alt="" /></a></li> 		<li><a href="http://mokgoon.com" id="mb2"><img src="../img/sample_img02.jpg" alt="" /></a></li> 		<li><a href="http://mokgoon.com" id="mb3"><img src="../img/sample_img03.jpg" alt="" /></a></li> 		<li><a href="http://mokgoon.com" id="mb4"><img src="../img/sample_img04.jpg" alt="" /></a></li> 		<li><a href="http://mokgoon.com" id="mb5"><img src="../img/sample_img05.jpg" alt="" /></a></li> 		<li><a href="http://mokgoon.com" id="mb6"><img src="../img/sample_img06.jpg" alt="" /></a></li> 		<li><a href="http://mokgoon.com" id="mb7"><img src="../img/sample_img07.jpg" alt="" /></a></li> 		<li><a href="http://mokgoon.com" id="mb8"><img src="../img/sample_img08.jpg" alt="" /></a></li> 	</ul> </div>

Code

$('.banner').myelinSlider({ 	auto : true, 	type : 'content' 	speed : 4000 });

Option

	auto : true, false 	type : 'content' , 'slideshow' 	speed : 0

Sample

http://mokgoon.github.io/myelinSlider/demos/demo.html


You May Also Like