javascript - 如何在从服务器加载图像时设置预加载图像

标签 javascript jquery html css preloader

我需要在从服务器加载图像之前启动微调器。

我的 HTML 页面包含

<img src="/imge/abc1.jpg" />
</br>
<p>This tesst text</p>
<img src="/imge/anyname.jpg" />
</br>
<p>This tesst text</p>
<img src="/imge/any.jpg" />
</br>
<p>This tesst text</p>
<img src="/imge/allname.jpg" />
</br>
<p>This tesst text</p>

我希望它在加载图像时显示微调器,例如 Facebook。 所以我需要替换 <img>到旋转图像,直到加载真实图像

最佳答案

如果你想在 CSS 之前完成只需在您的 <head> 上编写代码标签

<style type="text/css">
img {
    min-width:50px; /* if load.gif have 50px width */
    min-height:50px; /* if load.gif have 50px height */
    background: url('load.gif') no-repeat;
}
</style>

关于javascript - 如何在从服务器加载图像时设置预加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26425109/

相关文章:

javascript - TouchEvent/MouseEvent 在 div 中的局部位置

javascript - 为什么我的程序创建的是 10x9 网格而不是 10x10 网格?

html - 高度百分比不起作用

javascript - 使用 JavaScript 隐藏复选框时取消选中该复选框

javascript - 与演示相比,同位素砌体产生不同的输出

javascript - 评估 JSON 字符串 - eval() 与 new Function()

javascript - 为什么是未捕获错误:$ not defined anonyomus function showing

javascript - PerformanceObserver 无法测量重定向请求时间

javascript - 如何在使用 jquery 关闭前一个 div 时打开下一个 div?

jquery - 使用关闭按钮时,弹出窗口仅在每秒单击一次时显示