Я импортирую изображения Imgur и пытаюсь обрабатывать случаи, когда в одном посте есть несколько изображений, используя материализующие ползунки пользовательского интерфейса. Тем не менее, моя реализация привела к отображению пустой карты. Это цикл, который я использую: < /p>
if(img.images_count >= 1){
let slider = document.createElement("div");
slider.classList.add("slider");
let list = document.createElement("ul");
list.classList.add("slides");
img.images.forEach(imgList =>
{
let listElem = document.createElement("li");
let imgLink = document.createElement("img");
imgLink.classList.add("materialboxed");
imgLink.style.width = "100%";
imgLink.style.height = "auto";
imgLink.style.display = "block";
imgLink.style.maxWidth = "100%";
imgLink.src = imgList.link;
listElem.appendChild(imgLink);
list.appendChild(listElem);
});
let card_content = document.createElement("div");
card_content.classList.add("card-content");
slider.appendChild(list);
card.appendChild(slider);
card.appendChild(card_content);
col.appendChild(card)
imgDiv.appendChild(col);
}
< /code>
Аналогичный подход работает для 1 изображения. Спасибо!
Подробнее здесь: https://stackoverflow.com/questions/794 ... er-element
