sliderInt = 1; sliderNext = 2; $(document).ready(function() { $("#slider > img#1").fadeIn(400); startSlider(); }); function startSlider() { count = $("#slider > img").size(); function loop() { $("#slider > img").fadeOut(400); $("#slider > img#" + sliderNext).fadeIn(400); sliderInt = sliderNext; sliderNext = sliderNext + 1; if(sliderNext > count) { sliderNext = 1; } } interval = setInterval(loop, 4000); $(".b_previous").click(function() { clearInterval(interval); sliderNext = sliderInt - 1; if(sliderInt == 1) { sliderNext = 5; } $("#slider > img").fadeOut(400); $("#slider > img#" + sliderNext).fadeIn(400); sliderInt = sliderNext; sliderNext = sliderNext + 1; if(sliderNext > count) { sliderNext = 1; } interval = setInterval(loop, 4000); }); $(".b_next").click(function() { clearInterval(interval); sliderNext = sliderInt + 1; if(sliderInt == 5) { sliderNext = 1; } $("#slider > img").fadeOut(400); $("#slider > img#" + sliderNext).fadeIn(400); sliderInt = sliderNext; sliderNext = sliderNext + 1; if(sliderNext > count) { sliderNext = 1; } interval = setInterval(loop, 4000); }); };