无法在html的全页图像滑块中正确加载图像

Question

我想在我的网站中加载整页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。

Answer 1

删除此CSS

.active{
    background:#090909 !important;  
}

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

Answer 2

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