Как добавить только для больших экранов?

Question

[Денис]

Верстаю адаптивный сайт. Есть блоки с изображениями, а для мобильной версии картинки не нужны. Как убрать тег img полностью из DOM, чтоб не тащить лишний контент?

Answer 1

[teotlu]

По юзер-агенту на сервере определяйте, и не выдавайте его в вёрстке, когда нужно не выдавать.
Вот, навскидку, что-то готовое нашёл.

Answer 2

[Дмитрий Шинкарь]

На самом деле не критично, такие штуки можно и не через сервер делать, а сразу на стороне юзера, это ж вам не пароли...)

Comments

[Александр Лаликин]

Соглашусь, что не критично, но желание вполне нормальное - не грузить лишние мегабайты в мобильный браузер. У меня самого в разработке сайт, который на первой странице будет иметь 10-15 фотографий на весь экран, не хотелось бы их же загружать на мобильные телефоны.

[Igor Bat]

Посмотрите на сайте прототипирования webflow.com, очень классный код генерирует, для разных экранов.

Answer 3

[Денис]

А такой вариант уместен

if((window).width()>480){$('#test').html("<img src="" alt="" />");}