我想在fancybox中显示图像，但是fancybox无法正常工作

Question

我在图片库中有一个花式框，在其中，我添加了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按钮。