How to hide images until AFTER jquery flexslider finishes loading

Question

I tried to integrate wootheme\'s Flexslider on my site and it looks/works great except for when it is loading.

When you refresh the page with the slider, before flexslid

Answer 1

… i had the same problem, tried the js solution above - it worked well but then i realized when js is disabled for some reason - that nothing will be shown up, so i decided to look for a non js solution:

i just put some thing like that for the specific slider:

.MySlider {
  .flexslider .slides img { 
  max-height: 400px; 
  width: 940px;
 }
}

worked well, even responsive. Hope that may help!