图像未在 html 的整页图像滑块中正确加载答案

【问题标题】：Image is not load properly in full page image slider in html图像未在 html 的整页图像滑块中正确加载
【发布时间】：2019-03-17 11:03:54
【问题描述】：

我想在我的网站中加载整页 image 滑块。但在image 滑块图像未正确加载。可能是javascript相关的问题。

这是我的脚本

$("#menutoggle").click(function() {
    $('.xs-menu').toggleClass('displaynone');
});
//add active class on menu
$('ul li').click(function(e) {
    e.preventDefault();
    $('li').removeClass('active');
    $(this).addClass('active');
});
//drop down menu    
$(".drop-down").hover(function() {
    $('.mega-menu').addClass('display-on');
});
$(".drop-down").mouseleave(function() {
    $('.mega-menu').removeClass('display-on');
});

完整代码是here on codepen。

【问题讨论】：

标签： javascript jquery html css bootstrap-4

【解决方案1】：

删除这个CSS

.active{
    background:#090909 !important;  
}

https://codepen.io/anon/pen/qvVwYy

【讨论】：

【解决方案2】：

您可以尝试这个，因为它正在工作，但相当复杂： https://github.com/codrops/Blueprint-BackgroundSlideshow

【讨论】：