Изображение не загружается должным образом в полноэкранном слайдере изображений в формате 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');
});

Полный код здесь на codepen .

Answer 1

Вы можете попробовать этот, так как он работает, но довольно сложный: https://github.com/codrops/Blueprint-BackgroundSlideshow

Answer 2

удалить это CSS

.active{
    background:#090909 !important;  
}

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