ImageQuery Samples - InkJS

<div class="imageQueryExample large-100 medium-100 small-100 content-center clearfix vspace">
    <img src="../../../assets/imgs/imagequery/small/image.jpg" />
</div>
<script>
Ink.requireModules(['Ink.Util.Array_1','Ink.UI.ImageQuery_1'], function(InkArray, ImageQuery) {
    InkArray.each(Ink.ss('.imageQueryExample img'),function(item){
        new ImageQuery(item,{
            src: '../../../assets/imgs/imagequery/{:label}/{:file}',
            queries: [
                {
                    label: 'small',
                    width: 480
                },
                {
                    label: 'medium',
                    width: 640
                },
                {
                    label: 'large',
                    width: 1024
                }
            ]
        });
    });
});
</script>