Вот я делал пример простейшего слайдера, может это поможет вам.
Подключаем библиотеку jquery и вот код:
<style type="text/css">
#enter {display:none}
.slide {border:1px solid grey; padding:20px; width:40px; margin:10px; display:none}
.check {border:1px solid red; padding:10px; width:10px; margin:8px; display:inline-block;}
</style>
<div id="s1" class="slide">1</div>
<div id="s2" class="slide">2</div>
<div id="s3" class="slide">3</div>
<div id="s4" class="slide">4</div>
<div id="prev" class="check">←</div>
<div id="next" class="check">→</div>
<script type="text/javascript">
var count = 1;
$(document).ready(function() {
$('#s1').show();
});
$('#next').on('click', function(){
$('#s' + count).hide();
$('#s' + ++count).fadeIn();
if(count == 5) { count = 1; $('#s1').fadeIn(); }
});
$('#prev').on('click', function(){
$('#s' + count).hide();
$('#s' + --count).fadeIn();
if(count == 0) { count = 4; $('#s4').fadeIn(); }
});
</script>
А далее уже настраивайте под себя
