Interchange

Markups

<link href="foundation.css">
<script src="foundation.js"></script>
<script src="foundation-interchange.js"></script>
...
<img alt="..." data-interchange="
    [small.jpg,  (only screen and (min-width:    1px))],
    [medium.jpg, (only screen and (min-width:  768px))],
    [large.jpg,  (only screen and (min-width: 1280px))]">
<noscript>
    <img src="default.jpg" alt="...">
</noscript>