Javascript test for picture element or srcset support

Question

I would like to upgrade my markup to use the "picture" element, while relying on a responsive images script that I wrote as a fallback.

Is there any way I can conditionally fire my responsive images script only in browsers that do not support the element?

Modernizr doesn't appear to have this test available until v.3 which is still in beta, so I'm not sure I should be using that in production.

Thank you!

Answer 1

Modernizr 3 is not really beta. Its just waiting on us to finish writing some of the stuff for the website. That being said, you can totally just grab the detects from the v3 source and add them to your 2.x version, like so for the picture element

Modernizr.addTest('picture', 'HTMLPictureElement' in window );

and for src-set...

Modernizr.addTest('srcset', 'srcset' in document.createElement('img'));

and you are off to the races.