title: How to get bxSlider to hide the slides until the page loads?
body: <p>I'm building an website that uses <a href="http://bxslider.com/">bxSlider</a>.</p>
  
  <p>As the page loads, all of the slides are visible, stacked on top of each other. Once the page is fully loaded, the first slide remains visible and the rest disappear so that the slider can animate and display them one at a time.</p>
  
  <p>I've tried using various CSS and bxSlider callbacks to hide the slides until the page fully loads, but no luck. Does anyone know how to do this?</p>
  
  <p>Thanks!</p>