Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 加载图像时发送消息_Jquery_Html_Css_Image_Slider - Fatal编程技术网

Jquery 加载图像时发送消息

Jquery 加载图像时发送消息,jquery,html,css,image,slider,Jquery,Html,Css,Image,Slider,我已经在我的网站上加入了Nivo滑块,它工作得很好,但我希望在图片加载时有一些消息,因为现在页脚被推了起来,看起来有点乱。加载图像时有没有快速添加div或其他内容的方法 。只需点击任何一个项目 非常感谢你的帮助 谢谢 在正在加载的内容上放置最小高度。它会将页脚向下推 CSS: 最小高度:200px 关于加载消息,有两种方法 加载图像时替换加载消息(AJAX,请参阅jQuery load()) 使用position:absolute在图像后面放置加载消息。例如: 编辑:Luke的想法也很有效,但它

我已经在我的网站上加入了Nivo滑块,它工作得很好,但我希望在图片加载时有一些消息,因为现在页脚被推了起来,看起来有点乱。加载图像时有没有快速添加div或其他内容的方法

。只需点击任何一个项目

非常感谢你的帮助


谢谢

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

CSS:
最小高度:200px

关于加载消息,有两种方法

  • 加载图像时替换加载消息(AJAX,请参阅jQuery load())
  • 使用
    position:absolute
    在图像后面放置加载消息。例如:

  • 编辑:Luke的想法也很有效,但它只适用于加载图像(而不是文本)。

    显示一些在加载图像之前使用的任意样式?具体来说,最小高度和背景图像显示,直到覆盖

    .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 */
    }

    谢谢我添加了它,但它似乎对我不起作用。。。这对你有用吗。我的名字不好。将
    .nivo滑块
    更改为
    .nivoSlider
    。此外,正如Roman所指出的,这个想法是提供一个指示器(在本例中是一个动画的悸动者图像),给观众一种正在发生的感觉,而不是提供一个信息。我尝试了他的想法,但对我来说不起作用。你能看看有什么问题吗?谢谢。这只是两个属性,背景和最小高度。这是一张快照。