[whatwg] add html-attribute for "responsive images"

[Benjamin Hawkes-Lewis]

2012/2/8 Bronislav Klučka <Bronislav.Klucka at bauglir.com>:
>
>
> On 8.2.2012 10:59, Anselm Hannemann - Novolo Designagentur wrote:
>>>
>>> Hi,
>>> I think that while talking about responsive image, introducing element
>>> that would choose image based on media-query, we should explore more generic
>>> approach... any media
>>>
>>> <media media="all">
>>> <video media="support: video">
>>> <source src="blabla.ogg" type="video/ogg" media="min-resolution: 300dpi"
>>> />
>>> <source src="blabla_small.ogg" type="video/ogg"  media="max-resolution:
>>> 150dpi" />
>>> <source src="blabla.mp4" type="video/mp4"  media="min-resolution: 300dpi"
>>> />
>>> <source src="blabla_small.mp4" type="video/mp4" media="max-resolution:
>>> 150dpi" />
>>> </video>
>>>
>>> <picture>
>>>   <src href="small.jpg" alt="a headshot of Bob
>>> Flemming"media="min-width:320" />
>>>   <src href="medium.jpg" alt="a head and shoulders shot of Bob Flemming"
>>> media="min-width:480" />
>>>    <src href="large.jpg" alt="a full body portrait of Bob Flemming"
>>> media="min-width:640" />
>>> </picture>
>>>
>>> <img src="blabla.png" alt="blabla" />
>>> </media>
>>>
>>> I can imagine e.g. car presentation using this approach, with preferences
>>> based on tree position of media content.
>>>
>>> BTW adding media attribute to video (video ->  source) element might be
>>> useful as well... type tells a lot, but not all regarding responsive media
>>> content
>>
>> Why do we actually need this new wrapper element? I don't see any reason
>> for this.
>
> How else would you know what the alternatives are?

Another option to containment would be referencing: add a @srclist
attribute on "img" that points to a <srclist> container of "src"
elements.

Compare @list and @datalist:

    http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#attr-input-list

    http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the-datalist-element

--
Benjamin Hawkes-Lewis