yeah

www/js/autodoc.js

   });
 
   // modal show typeahead
-  $('.autodoc_home_modal_tags_show').click(function(e) {
+  $('.autodoc_home_modal_tags_show').click(function (e) {
     $('.autodoc_home_modal_tags_show').addClass('d-none');
     $('.autodoc_home_modal_tags_add').removeClass('d-none');
   })
 function change_page() {
   var args = document.location.hash.substr(1).split('_') || conf.default_hash.split('_');
   var hash = args.shift();
-  
+
   if (!$("#autodoc_tab_" + hash).length) {
     hash = conf.default_hash;
   }
   if (conf.pageinit[hash]) {
     var func = conf.pageinit[hash];
     console.log(func);
-    if ( window[func] ) {
+    if (window[func]) {
       window[func](args);
     }
   }
 function page_load_document(args) {
   var [docid] = args;
 
-  if ( !docid ) { return false; }
-  
+  if (!docid) { return false; }
+
   $('.autodoc_document_empty').addClass('d-none');
   $('.autodoc_document_body').removeClass('d-none');
-  
+
 
   $.getJSON(
     conf.openapi + "/documents/" + docid,
-    function(doc) {
-      for(var i=0; i<doc.pageId.length; i++) {
-        $('.autodoc_document_carousel').append('<div><img /></div>');
-        $('.autodoc_document_carousel').children().last().children().attr('data-lazy',
+    function (doc) {
+      for (var i = 0; i < doc.pageId.length; i++) {
+        var item = $('.autodoc_document_template_carousel').clone();
+        $(item).children('img').attr('data-lazy',
           conf.openapi + "/pages/" + doc.pageId[i] + "/image?maxWidth=100");
+
+        $(item).children('span').html(i);
+        $('.autodoc_document_carousel').append(item);
+
       }
       $('.autodoc_document_carousel').slick({
         lazyLoad: 'ondemand',
         slidesToShow: 4,
         slidesToScroll: 4
       });
-    
+
     }
   );
 }