Атрибут srcset в тэге img

  • 3 Ответов
  • 596 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн intcorp

Атрибут srcset в тэге img
« : 12.04.2015, 17:09:03 »
Кто-то имел опыт работы с данным атрибутом или другими альтернативами?
Подскажите конструкцию для вывода картинок под условие ширину экрана свыше и менее 800 (грузим стандартную картинку) / 640 (грузим картинку ширина 640пикс)  / 320 (грузим картинку шириной 320пикс)
« Последнее редактирование: 12.04.2015, 17:31:42 от intcorp »

*

Оффлайн irc-h

Re: Атрибут srcset в тэге img
« Ответ #1 : 21.04.2015, 13:26:27 »
http://htmlbook.ru/html/img - это по поводу тега img и отсутствия у него атрибута srcset.
А так посмотри что такое viewport.
А еще можно тупо дать width: 100%; max-width: 800px;

*

Оффлайн intcorp

Re: Атрибут srcset в тэге img
« Ответ #2 : 21.04.2015, 13:51:45 »
http://htmlbook.ru/html/img - это по поводу тега img и отсутствия у него атрибута srcset.
А так посмотри что такое viewport.
А еще можно тупо дать width: 100%; max-width: 800px;
htmlbook -  это, конечно, круто, но, для расширения кругозора, есть еще Google, который расскажет о srcset.
П.с. т.к. srcset еще слабо поддерживается, то слайдер делал через прозрачную заглушку, а картинки выводил фоном с применением viewport под разные разрешения дисплея, что не было бы таким головняком, если бы srcset полностью поддерживался.

*

Оффлайн irc-h

Re: Атрибут srcset в тэге img
« Ответ #3 : 26.04.2015, 05:29:23 »
Для расширения кругозора лучше сразу спецификацию читать:
http://www.w3.org/html/wg/drafts/html/master/semantics.html#attr-img-srcset
А так, этот атрибут будет иметь смысл применять лет через 5, если случится чудо и он приживется.))