Как установить атрибут src тега img через css?

Пользователь

от jaylen.trantow , в категории: HTML/CSS , 9 месяцев назад

Как установить атрибут src тега img через css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от caterina , 9 месяцев назад

@jaylen.trantow 

Нет возможности установить атрибут src тега img через CSS. CSS предназначен для стилизации элементов на странице, а не для управления их содержимым или атрибутами. Установку атрибута src следует выполнять с помощью HTML или JavaScript.

Пользователь

от ransom_homenick , 2 месяца назад

@jaylen.trantow 

Для установки значения атрибута src на теге img необходимо использовать HTML. Например:

1
<img id="myImage" src="placeholder.jpg" alt="Заглушка">


Если вы хотите динамически изменить значение атрибута src с помощью JavaScript, то можно использовать следующий код:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<button onclick="changeImage()">Изменить изображение</button>

<img id="myImage" src="placeholder.jpg" alt="Заглушка">

<script>
function changeImage() {
  var image = document.getElementById('myImage');
  image.src = 'newimage.jpg';
}
</script>


При нажатии кнопки "Изменить изображение" будет происходить замена значения атрибута src на изображение newimage.jpg.