title: load jquery plugin and jquery before html gets load
body: <p>I have a problem ,I want to show responsive sliding image ,
   <a href="http://responsiveslides.com/" rel="nofollow">http://responsiveslides.com/</a></p>
  
  <p>my code </p>
  
  <pre><code>$('document').ready(function () {
  
  
      $.getScript("sliding_zoom/responsiveslides.js", function () {
  
          $(".rslides").responsiveSlides({
          maxwidth: 1024,
          speed: 2000,
          pause: false
      });
  
  
  })
  
  })
  </code></pre>
  
  <p>My HTML</p>
  
  <pre><code>           &lt;ul class="rslides" id="Ul1"&gt;
                      &lt;li&gt;
  
                          &lt;a href="Images/noimage.jpg" class="fancybox" rel="fancybox" title="SHAKEOUT"&gt;
  
  
                              &lt;img src="Images/Linear_Motion_Shakeout_1.jpg" alt="" /&gt;
  
  
                          &lt;/a&gt;
  
  
  
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="Images/noimage.jpg" class="fancybox" rel="fancybox" title="SHAKEOUT "&gt;
                              &lt;img src="Images/Shakeout.jpg" alt="" /&gt;
  
  
  
                          &lt;/a&gt;
  
                      &lt;/li&gt;
  
  
                  &lt;/ul&gt;
  </code></pre>
  
  <p>The code above is working fine ,but the problem is due to slow internet bandwidth or may be some problem .my ul li get loaded with all the image one by one (mean users are able to see all the images which is displayed in vertical direction for some time 6sec after the jquery plugin get fully load ul li with all image come to its normal position).</p>