Разные картинки для десктоп и для мобайл

[torsar]

Для десктопа и для мобайл есть разные версии картинок с разным разрешением.
Нужно сделать адаптив.
Как мне менять картинки для тега img при изменении разрешения экрана?

(css 3)

Один html-файл.

[Nexus]

https://developer.mozilla.org/ru/doc...ponsive_images

[leonidvartanov]

Для десктопа и для мобайл есть разные версии картинок с разным разрешением.
Нужно сделать адаптив. Глянь сайт с сериалом ост
Как мне менять картинки для тега img при изменении разрешения экрана?

(css 3)

Один html-файл.

если хочется попроще, то можно просто установить картинку как фон какой-то области и в ксс при определенном размере экрана менять бекграунд на другую картинку, иначе, мне кажется без джава не обойтись

[VadShip10]

Можно так попробовать:

<div class=”header”>
<img class=”banner” src=”http://.../picture1.jpg”>
</div>

---------------------------------------------------------
.banner {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url(https://.../picture2.jpg) no-repeat;
width: 180px; /* ширина нового изображения */
height: 236px; /* высота нового изображения */
padding-left: 180px; /* размер отступа равен ширине нового изображения */
}

Если я правильно понял задачу