打开画廊模态冻结页面
opening gallery modal freezes the page
我们有一个图片库,点击项目图片时会以模态显示,但点击此处打开模态时页面冻结 thinknavy projects
这是代码:
<?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">×</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 }?>
因为您的背景图片“presentationPattren.png”大小为 11.4mb。
加载需要更多时间。
压缩你的背景图片,然后在你的问题解决后使用。
我们有一个图片库,点击项目图片时会以模态显示,但点击此处打开模态时页面冻结 thinknavy projects 这是代码:
<?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">×</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 }?>
因为您的背景图片“presentationPattren.png”大小为 11.4mb。 加载需要更多时间。 压缩你的背景图片,然后在你的问题解决后使用。