title: Flexslider loads after images, and causes smoothHeight property to animate the image again
body: <p>Two questions actually, both related to flexslider and may even be related to eachother.</p>
  
  <ol>
  <li><p>I am using Flexslider (<a href="http://grrr.dontmeshwithus.com/" rel="nofollow">http://www.woothemes.com/flexslider/</a>) in my site <a href="http://grrr.dontmeshwithus.com/" rel="nofollow">http://grrr.dontmeshwithus.com/</a>. I have Flexslider property smoothHeight set to true, so it allows the height of the slider to animate smoothly in horizontal mode. I have problem where when I reload the page, it loads the first image first and THEN it animates from 0 to image height. You can see how this is annoying and not wanted. Any ideas how to prevent this so that a) it doesn't animate the first image or b) it loads flexslider before the first image has loaded?</p></li>
  <li><p>If you go to single post (eg. <a href="http://grrr.dontmeshwithus.com/ismo-alanko/ssdfs/" rel="nofollow">http://grrr.dontmeshwithus.com/ismo-alanko/ssdfs/</a>) it shows current slide number and total slide number (eg. 3/5). But when I come to the page for the first time, or refresh the page, it resets the slider and doesn't show the current slide number. It's just empty. How can I make it show correctly it's current slide number (1). It shows the slide number for the first slide if I first go to slide two and then go back to slide one.</p></li>
  </ol>
  
  <p>Here's my flexslider JS:</p>
  
  <pre><code>$(window).load(function() {
  $('.flexslider').flexslider({
      animation: "slide",
      controlNav: false,
      keyboard: true,
      initDelay: 1000,
      useCSS: false,
      video: false,
      animationLoop: true,
      slideshow: false,
      smoothHeight: true,
      controlsContainer: ".flexslider-control",
      nextText: "&gt;",
      prevText: "&lt;",
      after: function(slider) {
          $('.current-slide').text(slider.currentSlide+1);
      },
      start: function(slider) {
          $('.total-slides').text(slider.count);
      }
      });
  });
  </code></pre>
  
  <p>Thanks in advance!</p>