title: How to make loading of HTML content with bxSlider smoother
body: <p>My site is live at <a href="http://donoriolo.com/" rel="nofollow noreferrer">http://donoriolo.com/</a>, and I have bxSlider with HTML content on the front page.</p>
  
  <p>My problem is, there's a second (or worse on slower connections than mine, I'm sure,) where the content is completely unstyled and takes up the entire window, like so:</p>
  
  <p><a href="https://i.stack.imgur.com/GsnWK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GsnWK.png" alt="screenshot of unstyled content"></a></p>
  
  <p>Even after everything is loaded, leaving the page and coming back it happens for a split second.</p>
  
  <p>I tried sticking my JS in the head instead of at the end of the body, but no luck. Any other ideas? ...Or would it just be better to say forget it and just use images for the slider?</p>