[sadikhasan]

Flexslider Carousel do not display images on slider but when I inspect in browser it display images.

HTML Code

<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 Code

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

JS Fiddle

[rut2]

Add this css and try again

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

[sadikhasan]

Sorry! I forgot to import jquery.flexslider.js library and I resolve my problem to adding this library and it working fine for me.

JS Fiddle

[Author]

Posts