Imager.js is an alternative solution to the issue of how to handle responsive image loading, created by developers at BBC News

• Lookup placeholder elements
• Replace with transparent 1x1 image
• Assign src attribute with appropriate value
• On resize update image src

<div style="width: 240px">
    <div class="delay" data-src="http://placehold.it/{width}"></div>
</div>

<script>
    new Imager({ availableWidths: [200, 260, 320, 600] });
</script>

<div style="width: 240px">
    <img src="http://placehold.it/260" data-src="http://placehold.it/{width}" class="image-replace">
</div>

<script>
    new Imager({ availableWidths: [200, 260, 320, 600] });
</script>

• Pixel Ratio
• Named Parameters
• Multiple Providers
• Lazy Loading
• Componentised

• PictureFill
• srcset
• src-N
• PictureFill (redux)

• dimensions
• named files
• suffixes
• quality

• Tom Maslen
• Mark McDonnell (me)
• Thomas Parisot