Выдает ошибку слайд при запуске в wordpress
Выдает ошибку слайд при запуске в wordpress но при запуске через xampp+vscode все нормально запускается
выдают ошибки вот эти строки showSlides(1, i); и x[slideIndex[no] - 1].style.display = "block";
// Массивы для 5 слайдеров
var slideIndex = [1, 1, 1, 1, 1];
var slideId = ["mySlides1", "mySlides2", "mySlides3", "mySlides4", "mySlides5"];
// Инициализация всех слайдеров
for (let i = 0; i < slideId.length; i++) {
showSlides(1, i);
}
function plusSlides(n, no) {
showSlides((slideIndex[no] += n), no);
}
function showSlides(n, no) {
var i;
var x = document.getElementsByClassName(slideId[no]);
if (n > x.length) {
slideIndex[no] = 1;
}
if (n < 1) {
slideIndex[no] = x.length;
}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex[no] - 1].style.display = "block";
}
// Обработка кликов для всех слайдеров
const slideshowContainers = document.querySelectorAll(
'[class^="slideshow-container-"]'
);
const cover = document.getElementById("zat");
const modal = document.getElementById("modal");
// Добавляем обработчики для всех слайдеров
slideshowContainers.forEach((container) => {
container.addEventListener("click", (e) => {
if (e.target.tagName === "IMG") {
modal.src = e.target.src;
cover.style.display = "block";
}
});
});
// Закрытие модального окна
cover.addEventListener("click", () => {
cover.style.display = "none";
});
// Массивы для 5 слайдеров
var slideIndex = [1, 1, 1, 1, 1];
var slideId = ["mySlides1", "mySlides2", "mySlides3", "mySlides4", "mySlides5"];
// Инициализация всех слайдеров
for (let i = 0; i < slideId.length; i++) {
showSlides(1, i);
}
function plusSlides(n, no) {
showSlides((slideIndex[no] += n), no);
}
function showSlides(n, no) {
var i;
var x = document.getElementsByClassName(slideId[no]);
if (n > x.length) {
slideIndex[no] = 1;
}
if (n < 1) {
slideIndex[no] = x.length;
}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex[no] - 1].style.display = "block";
}
// Обработка кликов для всех слайдеров
const slideshowContainers = document.querySelectorAll(
'[class^="slideshow-container-"]'
);
const cover = document.getElementById("zat");
const modal = document.getElementById("modal");
// Добавляем обработчики для всех слайдеров
slideshowContainers.forEach((container) => {
container.addEventListener("click", (e) => {
if (e.target.tagName === "IMG") {
modal.src = e.target.src;
cover.style.display = "block";
}
});
});
// Закрытие модального окна
cover.addEventListener("click", () => {
cover.style.display = "none";
});