Как убрать белый фон у слайд-шоу при переходе на другое фото?

Question

[aliso4ka_b]

<div class="slideshow-container">

<div class="mySlides fade">
<img src="1.jpg" width="670" height="355">
</div>

<div class="mySlides fade">
<img src="img/2.JPG" width="670" height="355">
</div>

<div class="mySlides fade">
<img src="img/3.JPG" width="670" height="355">
</div>
        </div>

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");

  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";

}
var slideIndex = 0;
showSlides();

function showSlides() {
    var i;
    var slides = document.getElementsByClassName("mySlides");
    for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none";
    }
    slideIndex++;
    if (slideIndex > slides.length) {slideIndex = 1}
    slides[slideIndex-1].style.display = "block";
    setTimeout(showSlides, 3000); 
}

Comments

[DarkRou]

как долго этот белый фон длится? В вопросе нет детального объяснения проблемы

[aliso4ka_b]

DarkRou, 3 секунды Вот эта часть кода :

setTimeout(showSlides, 3000);
а мне нужно чтоб показ слайда был 3 секунды

[DarkRou]

aliso4ka_b, https://codepen.io/DarkRou/pen/pojGmLx?__cf_chl_js...
кодпен, никаких белых фонов

[DarkRou]

aliso4ka_b, при этом, я просто скопировал код

[DarkRou]

aliso4ka_b, скорее всего проблема в css, что это за класс fade? Советую разобраться с ним

Answer 1

[Comsequent]

Например используя изображение 670х355.
Или запретить в CSS показ изображений, и добавить каждому mySlides необходимый background-image с размером cover.