получение подписей для отображения и перемещения вместе с изображениями в слайд-шоу с помощью figcaption, JS

Я новичок в JS. Это мой первый крик о помощи, пожалуйста, будьте добры ...:o

Я сделал слайд-шоу в формате JS, но мои подписи на фигурах не меняются вместе со слайд-шоу. Как ни странно, дело даже не в том, что подписи не меняются - все подписи отображаются для каждой фотографии, даже когда вы нажимаете кнопку «стрелка вперед» или «стрелка назад». Вот код в его нынешнем виде:


      <div class="carousel">

  <button class="carousel\_\_button carousel\_\_button--back" onclick="plusDivs(+1)">&#10095;</button>

  <div class="carousel\_\_track-container">
    <img class="carousel\_\_images" src="[https:/](https://Slide1.jpg?raw=1)/A" alt="Description1" width=600px>
    <img class="carousel\_\_images" src="[https:/](https://Slide2.jpg?raw=1)/B" alt="Description2" width=600px>
    <img class="carousel\_\_images" src="[https://](https://Slide3.jpg" alt="Description3" width=600px>
  </div>

  <button class="carousel\_\_button carousel\_\_button--forward" onclick="plusDivs(-1)">\&#10094;</button>
</div>

<!-- JS is below -->

<script>
  var slideIndex = 1;
  showDivs(slideIndex); & #x200B;

  function plusDivs(n) {
    showDivs(slideIndex += n);
  }

  function showDivs(n) {
    var i;
    var x = document.getElementsByClassName("carousel\_\_images");
    if (n > x.length) {
      slideIndex = 1
    }
    if (n < 1) {
      slideIndex = x.length
    };
    for (i = 0; i < x.length; i++) {
      x\[i\].style.display = "none";
    }
    x\[slideIndex - 1\].style.display = "block";
  }

  function myFunction() {
    var element = document.body;
    element.classList.toggle("dark-mode");
  }
</script>

Тааааааааааааааааааааааааалов () я пробовал помещать фигкаптион под каждым изображением, вот так:

      <img class="carousel\_\_images" 
     src="[https:/](https://Slide1.jpg)/A" alt="Caption1"
     width=600px> 
<figcaption="Caption1">

Я также пробовал создать функцию JS, более или менее идентичную приведенной выше, за исключением того, что она перемещает подписи, кроме фотографий.

ни работать.

Мне нужно, чтобы подписи отображались под каждой фотографией и менялись при нажатии на фотографию.

0 ответов

Другие вопросы по тегам