Как вставить картинку в js

Курсы javascript

Т.е. ко второму вопросу идет фотовопрос. Подскажите, как сделать что бы работало?

13.04.2013, 16:15
Регистрация: 19.03.2013
Сообщений: 84

var img = document.createElement("IMG"); img.src = "upload/medialibrary/e60/e605f52693f032eb03f46ffde79ef5bf.jpg";

Эту часть объявить под массивом с вопросами и все будет ок.

13.04.2013, 16:29
Новичок на форуме
Регистрация: 13.04.2013
Сообщений: 5

Скрипт работает, но изображение не появляется. И мне хотелось бы его вставить в сам массив, а не под ним.

13.04.2013, 16:32
Новичок на форуме
Регистрация: 13.04.2013
Сообщений: 5

var img = document.createElement("IMG"); img.src = "upload/medialibrary/e60/e605f52693f032eb03f46ffde79ef5bf.jpg";

Скрипт работает, но изображение не появляется. И мне хотелось бы его вставить в сам массив, а не под ним.

13.04.2013, 17:06
Регистрация: 28.02.2011
Сообщений: 349

Чтобы изображение появилось, надо не только его создать, но и добавить в документ. (appendChild, insertBefore, . )

как поменять картинку js

Для того, чтобы поменять картинку нужно изменить атрибут src у элемента на новый путь к картинке.

 id="myImg" src="old-image.jpg" alt="Old Image">  onclick="changeImage()">Change Image function changeImage()  const myImg = document.getElementById('myImg'); myImg.src = 'new-image.jpg'; > /scirpt> 

В результате выполнения кода выше, картинка на странице будет заменена на новую.

как вставить картинку в js

Для создания изображения можем создать элемент с помощью метода createElement . Далее, чтобы добавить изображение на веб-страницу, нужно установить соответствующие свойства этому элементу.

Определим, где должно расоплагаться изображение (родительский контейнер).

 id="image-container">

// Создаем элемент изображения const img = document.createElement('img'); // Устанавливаем путь к изображению img.src = 'path/to/image.jpg'; // Устанавливаем альтернативный текст для изображения img.alt = 'Описание изображения'; // Получаем контейнер, куда нужно вставить изображение const container = document.querySelector('#image-container'); // Вставляем изображение в контейнер container.append(img); 

 
1
 click 
 
2
 click