Responsive images by Smash Magagine

Markup

<ul class="clearfix gallery">
    <li style="width:50%">
        <div class="js-crispy"
            data-src="sample1.jpg" data-alt="...">
            <noscript>
                <img src="sample1.jpg" alt="...">
            </noscript>
        </div>
    </li>
    <li style="width:50%">
        <div class="js-crispy"
            data-src="sample2.jpg" data-alt="...">
            <noscript>
                <img src="sample2.jpg" alt="...">
            </noscript>
        </div>
    </li>
    <li style="width:100%">
        <div class="js-crispy"
            data-src="sample3.jpg" data-alt="...">
            <noscript>
                <img src="sample3.jpg" alt="...">
            </noscript>
        </div>
    </li>
</ul>

Feature