W3C home > Mailing lists > Public > whatwg@whatwg.org > February 2012

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

From: Bronislav Klučka <Bronislav.Klucka@bauglir.com>
Date: Wed, 08 Feb 2012 11:41:47 +0100
Message-ID: <4F32516B.6040303@bauglir.com>


On 8.2.2012 11:23, Benjamin Hawkes-Lewis wrote:
> 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

Well such idea would be more messy regarding reading the code, but 
definitely have the advantage  of possible reuse of such set.

Brona
Received on Wednesday, 8 February 2012 02:41:47 UTC

This archive was generated by hypermail 2.4.0 : Wednesday, 22 January 2020 16:59:39 UTC