Как заменить картинку, одну на другую?

Question

Анатолий @Tolly

CSS

Как заменить картинку, одну на другую?

Как при выключенном javascript заменить картинку с одной на другую?

Код на codepen, но без тега noscript, так как при отключенном javascript сайт не работает.

<!DOCTYPE html>
<html lang="en">
<head>
	<style>
		img {width: 200px; height: 200px;}
		div {width: 200px; height: 200px; overflow: hidden;}
	</style>
</head>
<body>

<div>
	<img src="https://loremflickr.com/g/200/200/carnaval">
	<noscript>
		<img src="https://loremflickr.com/g/200/200/cat">
	</noscript>
</div>

</body>
</html>

Вопрос задан более трёх лет назад
663 просмотра

Комментировать

Подписаться 3 Простой Комментировать

Answer 1 · 2019-03-15 06:48:04

Если я вас правильно понял, то примерно так:

<div>
  <script>
    document.write('<img src="https://loremflickr.com/g/200/200/carnaval">');
  </script>
  <noscript>
    <img src="https://loremflickr.com/g/200/200/cat">
  </noscript>
</div>

Как заменить картинку, одну на другую?

Войдите на сайт