Выдает ошибку слайд при запуске в 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";  
});

Сам слайд


Ответы (0 шт):