Разместить много картинок на сайте

// делаем плагинацию 
var imgPerPage = 30; 
var imgCount = 300;//419852; 
var pagesCount = Math.floor(imgCount/imgPerPage); 
var ul = $('<ul></ul>'); 
for(var i = 0; i < pagesCount; i++) { 
  var li = $('<li></li>'); 
  li.text(i + 1); 
  li.attr('data-page', i); 
  ul.append(li); 
} 
$('nav').append(ul); 
 
// вывод изображений выбранной страницы 
function showPage(pageNum) { 
  var div = $('<div></div>'); 
  div.addClass('content'); 
  for(var i = 0; i < imgPerPage; i++) { 
    var img = $('<img>'); 
    img.attr('src', 'https://static-cdn.jtvnw.net/emoticons/v1/' + (pageNum*imgPerPage + i) + '/5.0'); 
    div.append(img); 
  } 
  $('.content').replaceWith(div); 
  $('li').removeClass('active'); 
  $('li[data-page='+pageNum+']').addClass('active'); 
} 
 
$('body').on('click', 'li', function() { 
  showPage(+$(this).attr('data-page')); 
}); 
showPage(0);

li { 
text-decoration: underline; 
    cursor: pointer; 
    list-style: none; 
    display: inline-block; 
    padding: 0 3px; 
} 
li.active { 
cursor: default; 
text-decoration: none; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<nav></nav> 
<div class="content"></div>