我上传了一个我正在开发的网站,网址如下:http://derbyshiregas.co.uk 如您所见,当主页首次加载滑块时,滑块出现显示故障,并在正确加载之前显示所有幻灯片。但这似乎只发生在桌面视图上。
请有人看看,让我知道我可以尝试解决这个问题吗?
我上传了一个我正在开发的网站,网址如下:http://derbyshiregas.co.uk 如您所见,当主页首次加载滑块时,滑块出现显示故障,并在正确加载之前显示所有幻灯片。但这似乎只发生在桌面视图上。
请有人看看,让我知道我可以尝试解决这个问题吗?
这是延迟或加载到页脚中的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之前,样式将被应用。我正在创建自己的主题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.