How to optimize my javascript slider loading?
<p>I've been coding up a little responsive image slider to display my wedding photos using <a href="http://responsive-slides.viljamis.com/" rel="nofollow">responsiveslides.js</a> and a little script to deal with vertical images (it sets a max-height based on the browser viewport). You can see it at <a href="http://johnandalex.us/photos" rel="nofollow">http://johnandalex.us/photos</a> It's finally working pretty much how I want it to, with 2 exceptions:</p>

<ol>
<li>The pics show up and then resize after a delay (when the browser window is smaller than the full size of the picture)</li>
<li>The prev/next arrows don't show up until the pics are completely loaded (which takes a while, especially on slower connections because there are over 100 images)</li>
</ol>

<p>Any ideas for how to improve on these 2 items? I'm totally comfortable with HTML and CSS, but am a complete novice when it comes to JS.</p>

<p>Thanks.</p>
