Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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
Javascript jQuery Nivo滑块中的图像在';重新加载_Javascript_Jquery_Nivo Slider - Fatal编程技术网

Javascript jQuery Nivo滑块中的图像在';重新加载

Javascript jQuery Nivo滑块中的图像在';重新加载,javascript,jquery,nivo-slider,Javascript,Jquery,Nivo Slider,所以我在一个网站上工作,在那里我实现了Nivo滑块,我遇到的问题是,当我的页面加载(刷新或缓存后)时,图像都直接显示在页面下方,当页面完全加载时,图像消失,幻灯片动画开始 在这里查看,在图片更改的页面顶部。当页面加载时,您将看到本应隐藏、显示然后消失在幻灯片中的图像 我已经在多个浏览器等上进行了测试。应用显示:无;除第一张图片外,其他所有图片 e、 g: 应用显示:无;除第一张图片外,其他所有图片 e、 g: 如果要在WordPress中实现此功能,只需在li标记中添加display:non

所以我在一个网站上工作,在那里我实现了Nivo滑块,我遇到的问题是,当我的页面加载(刷新或缓存后)时,图像都直接显示在页面下方,当页面完全加载时,图像消失,幻灯片动画开始

在这里查看,在图片更改的页面顶部。当页面加载时,您将看到本应隐藏、显示然后消失在幻灯片中的图像

我已经在多个浏览器等上进行了测试。

应用显示:无;除第一张图片外,其他所有图片

e、 g:


应用显示:无;除第一张图片外,其他所有图片

e、 g:


如果要在WordPress中实现此功能,只需在li标记中添加display:none即可

<li style="display:none;"> </li>

  • 如果要在WordPress中实现此功能,只需在li标记中添加display:none即可

    <li style="display:none;"> </li>
    

  • 问题已解决!在滑块的div样式中,确保设置图像的高度,并将div的溢出设置为隐藏

    #slider {
      height: 300px; 
      overflow: hidden; 
    }
    

    问题解决了!在滑块的div样式中,确保设置图像的高度,并将div的溢出设置为隐藏

    #slider {
      height: 300px; 
      overflow: hidden; 
    }