Красивая карусель не работает с сгенерированными изображениями (работает с жестко закодированными) [закрыто] ⇐ Jquery

[Гость]

Я бы использовал slick.js в Wordpress. В моем home.php я генерирую... с помощью этого js-скрипта:

const jsonfile = themeDirectoryUri + '/assets/json/portfolio-data.json'; //console.log('JSON все портфолио портфолио.js: ', jsonfile); выборка (json-файл) .then(ответ => ответ.json()) .then(данные => { вар htmlCode = ''; constContainer = document.querySelector(".slider.center"); data.forEach(item => { const миниатюра = item.thumbnailfull; если (миниатюра) { const divImage = document.createElement('div'); const imageElement = document.createElement('img'); imageElement.src = миниатюра; divImage.appendChild(imageElement); контейнер.appendChild(divImage); htmlCode += divImage.outerHTML; } }); контейнер.innerHTML = htmlCode; }); Затем я вызываю initslick, jquery, slick.js. Конечно, в заголовке я вызываю slick и slicktheme css.

Не работает: случайно карусель не создается

Но с жестко запрограммированной галереей: ... все работает нормально.

Я пытался добавить отсрочку при вызове js и document.addEventListener("DOMContentLoaded", function () {.. в slick.js.

Вы можете проверить мой git: https://github.com/pierrealain74/pierrealainfaure

Спасибо за помощь.