Create slider placeholder to solve anchor issues
<p>I am currently building a site and using the smoothy template located here:
<a href="http://www.templatemo.com/live/templatemo_396_smoothy" rel="nofollow">Smoothy Template</a></p>

<p>If you keep refreshing the site, you'll see the Nivo Slider does not load immediately. This causes all my anchor links to the main page to be thrown off vertically by the same height as the slider images once the Nivo Slider has loaded. I've tried several solutions, such as setting the image height and width manually, and also using a placeholder that fades out once Nivo Slider has loaded, but to no avail. </p>

<p><strong>Here is my code:</strong></p>

<pre><code>    &lt;div id="sliderwrapper"&gt;

    &lt;div  id="slider"  class="nivoSlider templatemo_slider"&gt;
        &lt;a href="#"&gt;&lt;img src="images/slider/img_1_blank.jpg" width="1050" height="500" alt="slide 1" /&gt;&lt;/a&gt;             
        &lt;a href="#"&gt;&lt;img src="images/slider/img_2_blank.jpg" width="1050" height="500" alt="slide 2" /&gt;&lt;/a&gt;  
        &lt;a href="#"&gt;&lt;img src="images/slider/img_3_blank.jpg" width="1050" height="500" alt="slide 3" /&gt;&lt;/a&gt;                 
&lt;/div&gt;
&lt;div id="preloader" class"nivoSlider templatemo_slider"&gt;
&lt;img src="images/preloader.jpg" width="1050" height="500" /&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p><strong>And here is my function:</strong></p>

<pre><code>$(window).load(function() {
$('#slider').nivoSlider({
effect:'random', //Specify sets like: 'fold,fade,sliceDown'
slices:12,
animSpeed:500, //Slide transition speed
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:false, //Next &amp; Prev
directionNavHide:true, //Only show on hover
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){}, //Triggers after all slides have been shown
lastSlide: function(){}, //Triggers when last slide is shown
afterLoad: function(){        $('#preloader').fadeOut(500);} //Triggers when slider has loaded

});
});
</code></pre>