') // Float left to display horizontally, readjust .slides width .css({ 'float' : 'left', 'width' : slideWidth }); // Устанавливаем ширину #slideInner, равную ширине всех слайдов $('#slideInner2').css('width', slideWidth * numberOfSlides); // Прячем правую стрелку при загрузке скрипта manageControls(currentPosition); // Отлавливаем клик на класс .controls $('.control2') .bind('click', function(){ // Определение новой позиции currentPosition = ($(this).attr('id')=='rightControl2') ? currentPosition+1 : currentPosition-1; // Прячет / показывает элементы контроля manageControls(currentPosition); // Move slideInner using margin-left $('#slideInner2').animate({ 'marginLeft' : slideWidth*(-currentPosition) }); }); // manageControls: показывает или скрывает стрелки в зависимости от значения currentPosition function manageControls(position){ // Спрятать левую стрелку, если это левый слайд if(position==0){ $('#leftControl2').hide() } else{ $('#leftControl2').show() } // Спрятать правую стрелку, если это последний слайд if(position==numberOfSlides-1){ $('#rightControl2').hide() } else{ $('#rightControl2').show() } } });