- From: Christian Biesinger <cbiesinger@google.com>
- Date: Tue, 12 Nov 2013 20:56:02 -0500
- To: Markus Ernst <derernst@gmx.ch>
- Cc: "Jukka K. Korpela" <jkorpela@cs.tut.fi>, whatwg <whatwg@lists.whatwg.org>, Ryosuke Niwa <rniwa@apple.com>, Adam Barth <w3c@adambarth.com>, Markus Lanthaler <markus.lanthaler@gmx.net>
On Tue, Nov 12, 2013 at 3:06 PM, Markus Ernst <derernst@gmx.ch> wrote:
> What I don't like about CSS approaches is the fact that changing the source
> of an image is fundamentally different from changing a dimension or color of
> an element. This is not "presentational" in the same way. Having to
> reference content images in the CSS in order to change their sources is an
> authoring nightmare.
For a bit more presentation, and while we're inventing new syntax
anyway, how about this:
<style>
@media (min-width: 480px) {
.artdirected { content: replaced url(attr(src-small)); }
}
@media (min-width: 600px) {
.artdirected { content: replaced url(attr(src-medium)); }
}
@media (min-width: 800px) {
.artdirected { content: replaced url(attr(src-big)); }
}
</style>
...
<img class="artdirected" src="foo.jpg" src-small="foo-small.jpg"
src-medium="foo-medium.jpg" src-big="foo-big.jpg">
-christian
Received on Wednesday, 13 November 2013 01:56:28 UTC