javascript - 打开画廊模式冻结页面

Question

我们有一个图像库，当单击项目图像时以模态显示，但是单击以打开模态时页面冻结在这里thinknavy 项目 是代码：

<?php for($i=0;$i<=count($web->folders)-1;$i++){?>
      <div class="modal fade" id="des_<?php echo $i;?>">
          <div class="modal-dialog modal-xl">
              <div class="modal-content">

                  <!-- Modal Header -->
                  <div class="modal-header">
                      <h4 class="modal-title"><?php echo $web->folders[$i];?></h4>
                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                  </div>

                  <!-- Modal body -->
                  <div class="modal-body">
                      <div class="container-fluid">
                          <div class="row">
                          <?php foreach($web->content_folder_project($i, "web Developing", "1.jpg") as $key){?>
                              <div class="col-12 text-center mb-3">
                                  <img >
                                  <img data-src="images/projects/web Developing/<?php echo $web->folders[$i]."/".$key;?>" alt=""class="lazy_load img-fluid" loading="lazy"  />
                              </div>
                              <?php } ?>
                          </div>
                      </div>
                  </div>

              </div>
          </div>
      </div>
    <?php }?>

标签： javascriptjquerytwitter-bootstrapbootstrap-modalfreeze

Answer 1

因为你的背景图片“presentationPatren.png”它的大小是 11.4mb。加载需要更多时间。压缩您的背景图像，然后在您的问题解决后使用。