Demos Print
Meat Eater Monster Sandwich Special
To view this demo, you need to do a "print preview". The demo loads a different image when the document is printed.
HTML
<!-- picture-element -->
<picture>
<source media="screen and (max-width: 479px)" src="img/monster_small.jpg">
<source media="screen and (min-width: 480px)" src="img/monster.jpg">
<source media="print" src="img/monster_print.jpg">
<!-- fallback img-element if picture-element is not supported -->
<img src="img/monster.jpg">
<!-- a11y: providing alternate text -->
<p>Meat Eater Monster Sandwich Special</p>
</picture>Credits
Author: Andreas Klein | @ixisio
Hosting and bandwidth for these demos is provided by CDNConnect.com