title: Revolution slider images loads first and then only slider comes
body: <p>Iam creating a site with Revolution slider, but the images of the slider loads first and after everything loads, then only slider works..</p>
  
  <p>Before the slider loads, its looks ugly to see all the images at a glance...</p>
  
  <p>I have already tried with mulitple css changes, but nothing worked..</p>
  
  <pre><code>http://livedesignstudios.com/glor-original/
  
  &lt;div class="fullwidthbanner-container"&gt;
                      &lt;div class="fullwidthbanner"&gt;
                          &lt;ul&gt;
                              &lt;!-- THE FIRST SLIDE --&gt;
                              &lt;li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="images/thumbs/thumb3.jpg"&gt;
                                          &lt;img alt="glow" title="designova" src="images/slides/slide5_wide.jpg" &gt;
  
                                          &lt;div class="caption modern_big_bluebg lfb"  
                                               data-x="380" 
                                               data-y="60" 
                                               data-speed="500" 
                                               data-start="1500" 
                                               data-easing="easeOutExpo"&gt;The Pocket Computer&lt;/div&gt;
                                          &lt;div class="caption modern_small_text_dark sfb"  
                                               data-x="420" 
                                               data-y="110" 
                                               data-speed="500" 
                                               data-start="1800" 
                                               data-easing="easeOutExpo"&gt;USB OS made for Children but &lt;br&gt;Good enough for Military&lt;/div&gt;
                                          &lt;div class="caption lfl"  
                                              data-x="480" 
                                              data-y="170" 
                                              data-speed="500" 
                                              data-start="2100" 
                                              data-easing="easeOutExpo" &gt;&lt;img alt="downloadfree" title="downloadfree" src="images/slides/downloadfree.png"&gt;&lt;/div&gt;         
  
  &lt;/div&gt;              
                              &lt;/li&gt;
  </code></pre>