Watching img.currentSrc;

Resize the browser to see the img.currentsrc change as the different <picture> media queries take effect.

a cute kitten

The current <img> src is ''

Thanks to Google Chrome Team for the sample page this was derived from. Find it at http://googlechrome.github.io/samples/picture-element/

The source for the image is:

<picture>
	<source media="(min-width: 650px)" srcset="images/kitten-large.png">
	<source media="(min-width: 465px)" srcset="images/kitten-medium.png">
	<!-- img tag for browsers that do not support picture element -->
	<img src="images/kitten-small.png" alt="a cute kitten" id="picimg">
</picture>