jquery - 加载图像时的消息

Question

我在我的网站上包含了 Nivo 滑块，它运行良好，但我希望在加载图片时收到某种消息，因为现在页脚被推高了，看起来有点乱。加载图像时是否有快速添加 div 或其他内容的方法？

这是代码。只需单击任何项​​目。

非常感谢一些帮助。

谢谢！

Answer 1

在正在加载的内容上设置一个最小高度。它会将页脚向下推。

CSS： min-height: 200px;

关于加载消息，有两种方法可以做到。

1. 图片加载时替换加载消息（AJAX，参见 jQuery load() ）
2. 使用 . 在图像后面放置加载消息position: absolute。示例：http ://cssdesk.com/p3h9x

编辑：卢克的想法也有效，但它只适用于加载图像（而不是文本）。

Answer 2

在加载图像之前使用的一些任意样式怎么样？具体来说，在被覆盖之前要显示的最小高度和背景图像。

.nivoSlider img {
    background: url("https://upload.wikimedia.org/wikipedia/commons/d/de/Ajax-loader.gif") no-repeat center center;
    min-height: 300px; /* or whatever you consider a reasonable minimum */
}