Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.02.2021, 19:25
Профессор
Отправить личное сообщение для torsar Посмотреть профиль Найти все сообщения от torsar
 
Регистрация: 06.01.2012
Сообщений: 348

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

(css 3)

Один html-файл.
Ответить с цитированием
  #2 (permalink)  
Старый 21.02.2021, 19:48
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,477

https://developer.mozilla.org/ru/doc...ponsive_images
Ответить с цитированием
  #3 (permalink)  
Старый 12.03.2021, 09:54
Новичок на форуме
Отправить личное сообщение для leonidvartanov Посмотреть профиль Найти все сообщения от leonidvartanov
 
Регистрация: 11.03.2021
Сообщений: 1

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

(css 3)

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

Последний раз редактировалось leonidvartanov, 13.03.2021 в 09:34.
Ответить с цитированием
  #4 (permalink)  
Старый 15.04.2021, 10:29
Аватар для VadShip10
Новичок на форуме
Отправить личное сообщение для VadShip10 Посмотреть профиль Найти все сообщения от VadShip10
 
Регистрация: 28.02.2021
Сообщений: 1

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

<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; /* размер отступа равен ширине нового изображения */
}

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

Последний раз редактировалось VadShip10, 15.04.2021 в 10:32.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Будущее веба: разные языки для клиентской разработки FINoM Оффтопик 45 30.12.2011 15:56
JS для перегрузки картинки sivsoft Элементы интерфейса 2 29.01.2011 18:57
параметр "width" для рандомной картинки Demska Элементы интерфейса 1 12.09.2010 18:14
Картинки для сайта mycoding (X)HTML/CSS 1 13.04.2010 08:52