Я импортирую изображения 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
Как динамически создать материализовать элемент ползунка пользовательского интерфейса ⇐ Javascript
Форум по Javascript
1740539721
Anonymous
Я импортирую изображения 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 изображения. Спасибо!
Подробнее здесь: [url]https://stackoverflow.com/questions/79468377/how-to-dynamically-create-materialize-ui-slider-element[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия