zurb-foundation-5/doc/includes/interchange/examples_interchange_basic.html

Foundation 5 for npm (no code modification from original repo)

<img data-interchange="[/path/to/default.jpg, (default)], [/path/to/bigger-image.jpg, (large)]">
<noscript><img src="/path/to/default.jpg"></noscript>
<!-- or your own queries -->
<img data-interchange="[/path/to/default.jpg, (only screen and (min-width: 1px))], [/path/to/bigger-image.jpg, (only screen and (min-width: 1280px))]">
<noscript><img src="/path/to/default.jpg"></noscript>