Карусель Flexslider не отображает изображения на слайдере

Question

Карусель Flexslider не отображает изображения на слайдере, но когда я проверяю в браузере, он отображает изображения.

HTML код

<div class="flexslider"> 
    <ul class="slides"> 
    <li> 
     <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_cheesecake_brownie.jpg" /> 
    </li> 
    <li> 
     <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_lemon.jpg" /> 
    </li> 
    <li> 
     <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_caramel.jpg" /> 
    </li> 
    <li> 
     <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_lemon.jpg" /> 
    </li> 
    </ul> 
</div> 

JQuery код

$(window).load(function() { 
    $('.flexslider').flexslider({ 
    animation: "slide" 
    }); 
}); 

JS Fiddle

Answer 1

Извините! Я забыл импортировать библиотеку jquery.flexslider.js, и я разрешаю свою проблему с добавлением этой библиотеки, и она отлично работает для меня.

JS Fiddle

Answer 2

Добавить эту CSS и попробуйте еще раз

.flexslider .slides > li{ 
    display:block; 
}