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

Also Found that the slides flash before loading and display stacked down the page with list item bullets.

Only for a second. Then it worked fine. I didn't realize I hadn't included the flexslider.css file because I had already turned of any navigation that would have shown broken nav img links.

Remember to Include the CSS!