Witam, mam pewien slider, problem się pojawia wtedy, gdy "strzałkami poleci się za daleko" mam 3 slajdy, chodzi mi o to, że gdy będziemy na 3 slajdzie, żeby po kliknięciu strzałki w prawo przeniosło do pierwszego slajdu, a nie wyświetlało pusty box.
$(document).ready(function(){
var currentPosition = 0;
var slideWidth = 1239;
var slides = $('.slide');
var numberOfSlides = slides.length;
$('#slidesContainer').css('overflow', 'hidden');
slides
.wrapAll('
<div id="slideInner"></div>')
.css({
'float' : 'left',
'width' : slideWidth
});
$('#slideInner').css('width', slideWidth * numberOfSlides);
$('#slideshow')
.prepend('
<span class="control" id="leftControl"><div class="arrow_right"></div></span>')
.append('
<span class="control" id="rightControl"><div class="arrow_left"></div></span>');
manageControls(currentPosition);
$('.control')
.bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
manageControls(currentPosition);
$('#slideInner').animate({
'marginLeft' : slideWidth*(-currentPosition)
});
});
function manageControls(position){
if(position==3){ currentPosition=0; position=0; }
if(position==1){ currentPosition=3; position=3; }
}
});