title: $(document).ready or $(window).load for jQuery cycle
body: <p>I am using Jquery Cycle to scroll images, i am currently using $(document).ready,
   the problem is the images are half loaded and the cycle effect starts,</p>
  
  <pre><code>$(document).ready(function(){
  $('#gallery').cycle({
          fx: 'scrollLeft,scrollLeft,scrollLeft,scrollLeft' ,
          speed:  1000,
          pause:   3
           });
   });
  </code></pre>
  
  <p>Should i use $(window).load which waits for all images to load before starting the effects,
  The problem with this is images will be stacked on top of the other.</p>
  
  <p>So Kindly suggest a solution to my problem</p>