问题标签 [loading-image]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
107 浏览

javascript - Jquery Animate 在加载图像时重叠

我正在开发一个项目,其中导航并没有真正更改页面,而是使用基于我单击的导航链接的服务获取数据,并使用 jquery .html() 方法更新数据,我想使用一个在单击任何内容时显示的加载器链接并隐藏内容,当 ajax 服务成功时,我想删除加载器并显示内容,但不知何故动画重叠导致动画失败,

在这里的示例代码中,我不是使用 ajax 来更新我的页面,而是使用简单的按钮和 jquery 来更新数据

单击更新时,应该会发生这种情况,内容应该消失,加载程序应该出现,更新内容,加载程序消失,内容出现,

但我得到加载器和内容都出现在最后

我使用 setTimeout 来延迟,但它不起作用,我之前也使用了一些标志,但也没有用。JsFiddle : JsFiddleLink

0 投票
1 回答
45 浏览

javascript - 在查询执行之前显示加载图像

如果我有下面的代码需要一些时间来执行(大约 4-5 秒)。如何在查询执行之前显示加载图像,如果查询没有运行显示加载图形,否则显示查询结果。

索引.php

获取日期.php

0 投票
1 回答
65 浏览

jquery - 通过jquery加载表后图像消失

我的主要目标是在单击按钮时出现加载 gif,然后在 div 加载来自 jquery 函数的信息时消失。该页面未加载,因此我无法使用 .load 选项,也想不出另一种可行的方式。这是我所拥有的...

在我的 index.php 文件中,我设置了一个按钮,如下所示:

还有一个包含我的加载 gif 的 div 标签:

我还有一个 div 标签,我也可以在其中加载来自查询的信息:

然后,当单击按钮时,我有 jquery 来处理。

当我单击“查询”按钮时显示 dvLoader,但在加载“信息”div 后不会消失。

当从 jquery 函数加载所有内容但没有任何工作时,我试图让图像消失。有什么建议么?

0 投票
2 回答
3876 浏览

angular - 如何在Angular2中使用导航进行路由时显示加载屏幕?

我已经尝试过这个解决方案,但无法让它工作。我对 Angular2 完全陌生(不了解 AngularJS)。那么加载屏幕没有出现,我想我需要添加一些时间,以便它有一些时间显示,但我不知道在哪里以及如何显示。

app.component.ts


app.component.html

我想实现加载屏幕显示在整个应用程序的每个路由中,而我试图显示的加载屏幕就是这个(代码参考)。任何建议都会有很大帮助。

0 投票
1 回答
669 浏览

android - 谷歌玩游戏用户个人资料图片未加载

很抱歉重新发布这个问题,但我使用这种方法出现错误,我无法弄清楚我做错了什么。

uri 是内容方案,所以我不能使用 Picasso。当我将光标悬停在“this”上时,它显示

ImageManager 中创建(android.content.Context)不能应用到(匿名com.google.android.gms.tasks.OnCompleteListener)

0 投票
1 回答
82 浏览

c# - 在 ASP.NET C# 中加载图像时加载临时图像

我正在我的页面上加载一些图像(来自文件路径),它们可能很重,所以我创建了 .min 版本并尝试先加载微型图像,然后在准备好时加载原始图像。

但是我似乎无法渲染原始文件。

这是我试图实现这一目标的方法:

来自 src 的缩影正确加载,但是 data-src 原始文件没有加载。这是因为我正在动态加载图像吗?

我使用存储文件名和路径的 SQL DB 获取图像。

有可能克服这个问题吗?

0 投票
1 回答
59 浏览

javascript - 检查图像加载失败

在下面的代码中,我将图像标签附加到 div。当图像完成加载(成功)后,我想在更改页面之前运行其他功能。

如果图像实际存在于所提供的 URL 中,或者没有被阻止,则此方法非常有效。(就我而言,net::ERR_TUNNEL_CONNECTION_FAILED由于我的网络代理设置而附加图像时出现错误。在其他网络上,它工作正常。)

我的问题是,如何测试.on('load') 回调中的错误404 (Not Found)或错误?net::ERR_TUNNEL_CONNECTION_FAILED

尝试检查responseText, textStatus, req回调中的参数,但显然由于从未加载 img,因此永远不会调用回调。未启用 CORS。

0 投票
1 回答
119 浏览

reactjs - 不需要在 CRA 中加载图像

你好

我目前正在尝试在 react 中显示列表元素,但无法使用require加载图像。
我正在使用 CRA 并且没有更改 webpack.config.js。

名单

我如何显示图像

目前,第一个图像正在正确显示,但第二个图像未加载。

我已经尝试过使用src={ "" + entry.image_path }并得到相同的结果。

0 投票
1 回答
17 浏览

python - 制作分层网页后图像不显示

我正在使用 python、html、jinja、java 脚本等。在树莓派驱动的设备上构建 webapp。到目前为止,当我将图像放在我的网页上时,一切正常。但是,当我创建一个使用变量来区分用户配置文件的“分层”网页时,它会破坏我不会加载的本地图像引用,而是显示它们的标签。但是,使用在线图像作为图像源非常有效。

不工作的代码(Python):

工作代码(Python):

未更改的 HTML:

到目前为止,我还没有找到任何成功的参考照片的方法,而且除了我设置的“分层”系统之外,我不知道如何以任何其他方式创建相同的网页基础设施。