Picturefill

noscript fallback

Allows Picturefill to be used without JavaScript.

Instructions

Try turning off JavaScript, or with JavaScript enabled scale your browser viewport width to more than 480px to see the noscript image displayed. Once an image from a div[data-src] element has been rendered the noscript image will be ignored.

Code sample

<div data-picture> <div data-src="img/480x135.png" data-media="(max-width: 480px)"></div> <noscript><img src="img/noscript.png" alt="Picturefill test" /></noscript> </div>

Need more info? View the project
Author: Tyson Matanich