PHP 阻止项目加载,并使用触发器加载


php prevent items from loading, and load with trigger

我对编程相当陌生,但我正在尝试找到一种方法来完成下面描述的操作。

<body>
<div class="gallery">
<img src="photo_1.jpg">
<img src="photo_2.jpg">
<img src="photo_3.jpg">
<!-- trigger for user to load items that weren't downloaded on page load -->
<img src="photo_4.jpg">
<img src="photo_5.jpg">
<img src="photo_6.jpg">
</div>
</body>

我正在尝试找到 PHP 函数,理想情况下,这些函数只会在某个类/ID 中加载前 3 个 img 嵌入,并有一个可点击的触发器来请求服务器剩余的 img 嵌入

我不知道这是否是典型的留言板软件(例如vBulletin)如何处理带有"剧透标签"的内容......例如它是否实际上阻止加载,或者只是隐藏了内容。这样的事情,如果它真的阻止加载,是我想知道的。

首先,这与PHP无关。

防止网页加载图片的唯一方法是不要在网页上包含标签。

您可以通过以下几种方式完成此操作:

将最后三张照片放在隐藏的容器中,并使用 Javascript 单击事件在需要时显示它们,但在加载页面时仍会加载图像。

或者,可以使用 AJAX 调用仅按需检索项。除非它们真的是大图像,否则我认为第一个选项是最好的。

<div class="gallery">
    <img src='photo1.jpg'/>
    <img src='photo2.jpg'/>
    <img src='photo3.jpg'/>
    <a href="#" onClick='document.getElementById("hidden-gallery").display="visible"'>show more</a>
    <div id="hidden-gallery" class="hidden-gallery" style="display:none">
        <img src='photo4.jpg'/>
        <img src='photo5.jpg'/>
        <img src='photo6.jpg'/>
    </div>
</div>

认识到以我的方式嵌入CSS样式和Javascript不是首选方法,但它只是为了示例而存在。