JSFiddle - React, Tailwind, and code Playground

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);
  }
}



//img name adding
function hexImgName () { 
   var count = 0;
   $("img").each(function(i) {
      var imgSRC = 'http://toobler.com/staging/design/plicks-landing/testpath/pic-'+(count)+'.gif'
      $(this).attr('src',imgSRC );
      count = parseInt  (count) + 1 
   });
}

imgAdding()
hexImgName ()