Как добавить изображение в таблицу через элемент со ссылкой в массиве?
Есть элемент, содержащий ссылку.
let list = [ { name: "Хинкали Месхури", mark: "8/10", photo: "https://i6.photo.2gis.com/images/branch/0/30258560080856639_3441.jpg", url: "https://probka.org/blog/recipes/gotovim-vmeste-meskhuri/", }, |
let list = [ { name: "Хинкали Месхури", mark: "8/10", photo: "https://i6.photo.2gis.com/images/branch/0/30258560080856639_3441.jpg", url: "https://probka.org/blog/recipes/gotovim-vmeste-meskhuri/", },
Надо преобразовать её в фото, но не могу сообразить, как это сделать. Добавляю просто ссылку текстом, а как это в тег img превратить?
Вот часть функции, где я добавляю строку в таблицу
function addRow(userData) { const nameel = document.createElement('td'); nameel.innerText = userData?.name; const markel = document.createElement('td'); markel.innerText = userData?.mark; const photoel = document.createElement('td'); photoel.innerText = userData?.photo; photoel.classList.add("img"); |
function addRow(userData) { const nameel = document.createElement('td'); nameel.innerText = userData?.name; const markel = document.createElement('td'); markel.innerText = userData?.mark; const photoel = document.createElement('td'); photoel.innerText = userData?.photo; photoel.classList.add("img");
Дополнительно:
photoel.innerHTML = `<img src="${userData.photo}">`; |
photoel.innerHTML = `<img src="${userData.photo}">`;
- Спасибо большое!
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для добавления изображения в таблицу через элемент со ссылкой в массиве, вам потребуется использовать HTML и PHP. Вот пример кода, который поможет вам решить эту задачу:
```php
"Image 1", "url" => "img1.jpg"),
array("name" => "Image 2", "url" => "img2.jpg"),
array("name" => "Image 3", "url" => "img3.jpg")
);
// Выводим таблицу с изображениями и ссылками
echo "
foreach ($images as $image) {
echo "
echo "
";
echo "
";
echo "
";
}
echo "
";
?>
```
В этом коде мы создаем массив `$images`, в котором хранятся данные о изображениях (название и ссылка на изображение). Затем мы выводим таблицу, в каждой строке которой отображается название изображения и само изображение, обернутое в ссылку. Таким образом, при клике на изображение, пользователь будет перенаправлен на страницу с полным изображением.
Не забудьте подставить реальные ссылки на изображения в массиве `$images`, чтобы код корректно отображал изображения в таблице.