网站选定部分的功能延迟（php、js、ajax）

Question

是否存在延迟加载页面选定部分的功能？

在页面中我有两个 div：

<div id="slider">
   <!-- large amount of code -->
</div>

<div id="thumbs">
   <!-- small amount of code -->
</div>

是否可以将第一个 div 放在某些 php 函数中以在阅读第二个之后加载？

还是有一些延迟功能？ Meaby 将 div#slider 放在单独的文件中？ （滑块是隐藏的点击图片开始吧）。

<?php include('slider.php'); ?>

<div id="thumbs">
   <!-- small amount of code -->
</div>

例如：

假设我有画廊：Gallery image

当我点击图片时，滑块会扩展（这个拇指有幻灯片）：slider

我希望图片库首先加载（div #thumbs），然后加载滑块（在背景中）。

Answer 1

如果我正确理解了这个问题，您将不得不为此使用 js (ajax)。

我使用 jquery 库来处理。

你可以这样做：

首先在页面上加载：

<div id="thumbs">
   <!-- small amount of code -->
</div>

然后在 jQuery 中：

$(function(){
     setTimeout(function(){
          var slider = $('<div>',{id: 'slider'}).load('slider.php');
          $('#thumbs').before(slider);
     }, 5000); //load after 5 seconds
})