Slider loading issue

时间:2018-03-02 作者:Harvey

我上传了一个我正在开发的网站,网址如下:http://derbyshiregas.co.uk 如您所见,当主页首次加载滑块时,滑块出现显示故障,并在正确加载之前显示所有幻灯片。但这似乎只发生在桌面视图上。

请有人看看,让我知道我可以尝试解决这个问题吗?

1 个回复
最合适的回答,由SO网友:Xhynk 整理而成

这是延迟或加载到页脚中的javascript的标准行为。

所有幻灯片都已加载,在整个页面加载之前,不要被告知“成为幻灯片”。

您可以先用CSS隐藏它们:

#section-slider .single-slide-wrap {
    display: none;
}
如果需要,您可以显示第一张幻灯片:

#section-slider .single-slide-wrap:first-child {
    display: block;
}
注意,您的.tab-pane\'s进一步向下移动页面,以便您也可以添加这些内容:

#section-services .tab-pane,
#section-slider .single-slide-wrap {
    display: none;
}

#section-services .tab-pane:first-child,
#section-slider .single-slide-wrap:first-child {
    display: block;
}
由于CSS加载在标题中,因此在加载和启动javascript之前,样式将被应用。

结束

相关推荐

我的定制主题的style.css根本没有被应用

我正在创建自己的主题Wordpress,但是我为主题设计编写的CSS根本没有被应用。它以样式保存。css,我在我的函数中应用了以下内容。php文件:function letters_files() { wp_enqueue_style(\'style\',get_stylesheet_uri(),NULL, microtime() ); wp_enqueue_style(\'custom-google-fonts\', \'https://fonts.googleapis.