Flexslider 슬라이드 쇼에 슬라이더에 이미지가 표시되지 않습니다.

Question

슬라이드 슬라이더에 슬라이더에 이미지가 표시되지 않지만 브라우저에서 이미지를 표시하면 이미지가 표시됩니다.

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 라이브러리를 가져 오는 것을 잊어 버렸습니다.이 라이브러리를 추가하면 문제가 해결되어 저에게 잘 작동합니다. _Resource이 스크립트로 해석하지만, MIME 타입의 텍스트/일반으로 전송 : "http://flexslider.woothemes.com/ 적어도 당신의 'jsFiddle`의 콘솔에 오류가 있습니다

JS Fiddle

Answer 2

이 CSS를 추가하고 다시

01 시도

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