Hey,,

Ben scriptje aan het maken dat wanneer je over een image hovert dat de afbeelding groter wordt. Alleen hij doet het wel, maar je ziet hem in een keer niet meer. Maar als je je muis weer beweegt dan zie je hem weer. Weet iemand hoe dit komt?

PHP Code:

<script type="text/javascript">
    $(document).ready(function() {
        $("img").hover(function() {
            $(this).stop().animate({ "width" : '200px' });
        }, function() {
            $(this).stop().animate({ "width" : '100px' });
        });
    });
</script>

                    <img src="/images/winnaarfoto.png" id="foto" width="100" style="float: left; padding: 10px 10px 0px 20px; margin-top: 50px;" />&emsp;<img src="/images/winnaarfoto.png" id="foto" width="100" style="float: left; padding: 10px 10px 0px 0px; margin-top: 50px;" /><br /><br />
                    <img src="/images/winnaarfoto.png" id="foto" width="100" style="float: left; padding: 10px 10px 0px 20px;" />&emsp;<img src="/images/winnaarfoto.png" width="100" id="foto" style="float: left; padding: 10px 10px 0px 0px;" /> 


Zoiets?

Ik zou overigens die images een CLASS meegeven, bv class="imageHover"

Code:

  $(function(){
     $(".imageHover").hover(function(){
          $(this).stop().animate({ width: "200px"}, 750 );
     },function(){
          $(this).stop().animate({ width: "100px"}, 750 );
     });
});