Re: New responsive images proposal

Brendan, Jukka, please have a look at this thread where your topic has been discussed already:
http://lists.w3.org/Archives/Public/public-html/2013Sep/thread.html#msg137 (in particular: http://lists.w3.org/Archives/Public/public-html/2013Sep/0145.html +following).

-Anselm | Anselm Hannemann | @helloanselm

On 27.09.2013, at 22:04, Jukka K. Korpela <jukka.k.korpela@kolumbus.fi> wrote:

> 2013-09-27 22:42, Brendan Long wrote:
>> Sorry if this is a stupid question, but the use of media queries in the
>> src attribute brings up an interesting question: Why don't we just let
>> the src attribute be specified by CSS?
>> 
>> <img alt="A cat" src="default-cat.jpeg" class="cat" />
>> 
>> img.cat {
>>     @media (max-width: 600px) {
>>         src: "smaller-cat.jpeg";
>>     }
>>     @media (max-width: 400px) {
>>         src: "even-smaller-cat.jpeg";
>>     }
>> }
>> 
> 
> That way, the approach would deviate quite a lot from the overall structure of CSS. You don’t set element attributes in CSS, and you don’t use @media queries inside rules. I’m not saying this would impossible, just that it would probably be too different from design principles applied so far.
> 
> But there’s a different approach to implementing a similar idea. Just use @media queries as currently defined and implemented, and use CSS code like
> 
> @media (max-width: 600px) {
>  img.cat { content: url(smaller-cat.jpeg) }
> }
> 
> This is currently defined only in the CSS3 Generated Content Module, a very old WD (from 2003), but this part of it has been implemented in Opera, Safari, and Chrome.
> 
> -- 
> Yucca, http://www.cs.tut.fi/~jkorpela/
> 
>