jQuery Слайдшоу Переход "Пропуск" - PullRequest
Новая
       12

jQuery Слайдшоу Переход "Пропуск"

0 голосов
/ 09 сентября 2018

*** Редактировать: вот jsfiddle: https://jsfiddle.net/lisa_yael/t5qgjo9L/1/

У моего веб-сайта есть слайд-шоу, которое воспроизводится автоматически, но им также можно управлять с помощью стрелок с обеих сторон, чтобы вручную переходить к различным слайдам. Однако всякий раз, когда я играю слайд-шоу в первый раз (то есть, когда я впервые захожу на веб-сайт), оно вызывает странный эффект «пропуска» между слайдами вместо обычного плавного перехода. Я не уверен, что происходит не так.

Вот код, который я использую для слайд-шоу; заранее спасибо: 

<script 
src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"> 
</script>
<script>

var slideIndex = 1;
var t;

showSlides(slideIndex);

function plusSlides(n) {

  slideIndex = slideIndex + n;
  clearTimeout(t);
  showSlides(slideIndex);
  console.log(slideIndex);
}

function currentSlide(n) {

  showSlides(slideIndex = n);

}

function showSlides(n) {

  var i;

  var slides = document.getElementsByClassName("mySlides");

  if (n == undefined) {
    n = ++slideIndex;
  }

  if (n > slides.length) {
    slideIndex = 1
  }

  if (n < 1) {
    slideIndex = slides.length
  }



  for (i = 0; i < slides.length; i++) {

    slides[i].style.display = "none";

  }

  slides[slideIndex - 1].style.display = "block";


  t = setTimeout(showSlides, 2000);

}
</script>
...