получение подписей для отображения и перемещения вместе с изображениями в слайд-шоу с помощью figcaption, JS
Я новичок в JS. Это мой первый крик о помощи, пожалуйста, будьте добры ...:o
Я сделал слайд-шоу в формате JS, но мои подписи на фигурах не меняются вместе со слайд-шоу. Как ни странно, дело даже не в том, что подписи не меняются - все подписи отображаются для каждой фотографии, даже когда вы нажимаете кнопку «стрелка вперед» или «стрелка назад». Вот код в его нынешнем виде:
<div class="carousel">
<button class="carousel\_\_button carousel\_\_button--back" onclick="plusDivs(+1)">❯</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)">\❮</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, более или менее идентичную приведенной выше, за исключением того, что она перемещает подписи, кроме фотографий.
ни работать.
Мне нужно, чтобы подписи отображались под каждой фотографией и менялись при нажатии на фотографию.