image preloading problem (using $("img").load())
<p>I use the load function to preload Images before applying a hover effect.</p>

<pre><code>$("img").load(function(){ //image preloading

//some function &amp; variable setting

    $listingItems.hover(
        function(){
            //effect
        },
        function(){
            //effect back
        }
    )

}) // load
</code></pre>

<p>the problem i have i that the effects only works if i reload the page. When i first come to the page, the images are loaded but there is no hover effect.</p>

<p>You can take a look at the source here:
<a href="http://meodai.ch/rundum/shop.html" rel="nofollow">http://meodai.ch/rundum/shop.html</a></p>

<p>What have i done wrong? Can anyone help? Is there an other simple way to preload images before executing a function?</p>
