SO-22682657

by Tushar Gupta

HTML

<div class="img-wrap"></div>

CSS

* {
    margin:0;
    padding:0;
}
img {
    border:1px solid red;
    display:block;
    margin:5px;
    width:93px;
    height:93px;
    float:left;
}
.img-wrap {
    height:110px;
    background:green;
}

JavaScript

//img  adding
function imgAdding() {
    for (var i = 0; i < ($(window).width() / 100) - 1; i++) {
        var $wrap = $('<img src="" width="100px" alt="" />');
        $('.img-wrap').append($wrap);
    }
}
var DummyImg = 'https://www.google.co.in/images/srpr/logo11w.png';
function hexImgName() {
    $("img").each(function (i) {
        if (i <= 10) { //check images count here if it's less than equal to 10
            var imgSRC = 'http://toobler.com/staging/design/plicks-landing/testpath/pic-' + i + '.gif'
            $(this).attr('src', imgSRC); //than add new src
        } else {
            $(this).attr('src', DummyImg); //if not add any other image
        }
    });
}

imgAdding()
hexImgName()