我对编程相当陌生,但我正在尝试找到一种方法来完成下面描述的操作。
<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不是首选方法,但它只是为了示例而存在。