$(document).ready(function() { function slider0_move_to(posSlide) { var currSlideWidth = $('.slider0_element').width(); $('#slider0_moving_container').animate({left: -((posSlide -1)*currSlideWidth)+'px'},500); $(".nav0Btn").css("background","#cccccc"); $("#nav0"+posSlide).css("background","#d280cd"); } window.slider0_move_to = slider0_move_to; $(".nav0Btn:first-child").css("background","#d280cd"); $(".nav0Btn").on('click', function(){ slide_show = 0; var numb = $(this).attr('id').replace('nav0',''); slider0_move_to(numb); }); var slides0 = $.makeArray($("div.slider0_element")); var slider0_position=1; // Номер текущего слайда var slider0_total= slides0.length; // Общее количество слайдов function slider0_auto_run() { setTimeout(function() { if (slide_show == 1) { // Переход к следующему слайду slider0_position++; // Переход от последнего к первому слайду if (slider0_position>slider0_total) { slider0_position=1; } var currSlideWidth = $('.slider0_element').width(); // Сдвиг слайда и анимация с помощью JQuery animate() $('#slider0_moving_container').animate({left: -((slider0_position-1)*currSlideWidth)+'px'},1000); $(".nav0Btn").css("background","#cccccc"); $("#nav0"+slider0_position).css("background","#4680a9"); } //alert(slider_position); // Повтор slider0_auto_run(); }, 4000); /* Каждый 10 секунд */ }; slider0_auto_run(); });