Я хочу показать свои изображения в fancybox, но мой fancybox не работает

Question

У меня есть fancybox для галереи изображений, и в этом я добавляю data-fancybox="gallery", но он не работает должным образом

Мой код:

 <section id="gallery" class="bg-lighter">
      <div class="container-fluid pt-70 pb-0">
         <div class="section-title text-center">
            <div class="row">
               <div class="col-md-8 col-md-offset-2">
                  <h2 class="text-uppercase title" >Our <span class="text-white font-weight-300">Gallery</span></h2>
               </div>
            </div>
         </div>
         <div class="section-content">
            <div class="row">
              <div class="col-md-12">
                 <div class="gallery-lsit">
              <?php foreach ($gallery_imgs as $img):?> 
                  <figure class="col-md-3">
                      <a class="img-popup pan" data-fancybox="gallery" href="<?php echo base_url();?><?php echo $img['image_url']; ?>">
                          <img alt="picture" src="<?php echo base_url(); echo $img['thumbnail_url']; ?>" class="img-fluid">
                      </a>
                      <h3 class="text-center my-3"><?php echo $img['title']?></h3>
                  </figure>
              <?php endforeach;?>
                </div>
              </div>
            </div>
         </div>
      </div>
</div>

В этом коде выше он просто открывает изображениено в этом нет кнопки cancel и отсутствуют кнопки next или previous.