PHP 中的页面加载屏幕

发布于 2024-08-27 07:24:00 字数 105 浏览 7 评论 0原文

我正在开发一个加载更多图像的 Php 页面,因此我想在页面当前正在加载时向用户显示。我已经尝试过,但它无法正常工作。

加载图像应该一直运行,直到所有图像都加载完毕。如何实现这一点?

I am working on a Php page which loads more images,so I want to show the User as the Page is currently Loading. I have tried but it does not working correctly.

The loading image should be run until all image gets load.How to implement for this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

前事休说 2024-09-03 07:24:00

您可以考虑输出缓冲。

示例:

首先输出:

<div id="loading"><img src="{loading-img}" /></div>

然后缓冲其余输出,并在准备好时通过刷新将其发送到浏览器。

当此输出在浏览器中呈现时,您可以使用内联样式来隐藏之前的 html 块。

第二个输出中的示例。

<style>
div#loading { display:none; } 
</style>
{REST_OF_HTML_TO_BE_RENDERED}

You could consider output buffering.

Example:

Output this first:

<div id="loading"><img src="{loading-img}" /></div>

Then buffer rest of output and send send when ready to the browser by flushing it.

When this ouput is rendered in the browser you can use an inline style to hide the previous html block.

Example in the second output.

<style>
div#loading { display:none; } 
</style>
{REST_OF_HTML_TO_BE_RENDERED}
虫児飞 2024-09-03 07:24:00

尝试 window.onload 事件。一个例子:

// Plain old javascript
window.onload = function() {
    hideLoadingIndicator();  // function defined by you
}

// jQuery
$(window).load(function() {
    hideLoadingIndicator();  // function defined by you
});

Try window.onload event. An example:

// Plain old javascript
window.onload = function() {
    hideLoadingIndicator();  // function defined by you
}

// jQuery
$(window).load(function() {
    hideLoadingIndicator();  // function defined by you
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文