<script>
function loadImages(i){
i = i || 1;
var img = new Image();
img.onload = function(){
document.body.appendChild(img);
loadImages(++i);
}
img.src = './' +i + '.jpg';
}
loadImages();
</script>
Другой способ:
<script>
// for (var i = 1; i <= 20; ++i) { // обычный цикл
for (var i = 301; i--;) { // инвертированный цикл
document.write('<div class="col-md-1"><a href="images/' + i + '.jpg"><img class="img-fluid" src="images/' + i + '.jpg" ></a></div>');
}
</script>