Не корректно отображается слайдшоу
Доброго времени суток!
В Javascript я не силен, нужно было вставить на сайт слайдшоу: http://santa-sinat.16mb.com/incar/ Всего нужно два слайда(сдеан, кроссовер).По непонятным мне причинам, после удаления в html третьего div (слайда) остается пустой слайд, хотя в JS он подсчитывает кол-во слайдов. Вот непосредственно код: $(document).ready(function() { // Ждём загрузки страницы var slides = $(".slider .slides").children(".slide"); // Получаем массив всех слайдов var width = $(".slider .slides").width(); // Получаем ширину видимой области var i = slides.length; // Получаем количество слайдов var offset = i * width; // Задаем начальное смещение и ширину всех слайдов $(".slider .slides").css('width',offset); // Задаем блоку со слайдами ширину всех слайдов for (j=0; j < slides.length; j++) { if (j==0) { $(".slider .navigation").append("<div class='dot active'></div>"); } else { $(".slider .navigation").append("<div class='dot'></div>"); } } var dots = $(".slider .navigation").children(".dot"); offset = 0; // Обнуляем смещение, так как показывается начала 1 слайд i = 0; // Обнуляем номер текущего слайда $('.slider .navigation .dot').click(function(){ $(".slider .navigation .active").removeClass("active"); $(this).addClass("active"); i = $(this).index(); offset = i * width; $(".slider .slides").css("transform","translate3d(-"+offset+"px, 0px, 0px)"); // Смещаем блок со слайдами к следующему }); $("body .nav_slider .next").click(function(){ // Событие клика на кнопку "следующий слайд" if (offset <= width) { // Проверяем, дошли ли мы до конца offset += width; // Увеличиваем смещение до следующего слайда $(".slider .slides").css("transform","translate3d(-"+offset+"px, 0px, 0px)"); // Смещаем блок со слайдами к следующему $(".slider .navigation .active").removeClass("active"); $(dots[++i]).addClass("active"); } }); $("body .nav_slider .prev").click(function(){ // Событие клика на кнопку "предыдущий слайд" if (offset > 0) { // Проверяем, дошли ли мы до конца offset -= width; // Уменьшаем смещение до предыдущегоо слайда $(".slider .slides").css("transform","translate3d(-"+offset+"px, 0px, 0px)"); // Смещаем блок со слайдами к предыдущему $(".slider .navigation .active").removeClass("active"); $(dots[--i]).addClass("active"); } }); }); Как исправить, нужно всего два слайда |
Часовой пояс GMT +3, время: 03:39. |