title: Image resizing Jquery
body: <p>I have horizontal set of 4 images. The resize function works on mouseover event. This means that if I move the mouse very fast or slow over these images they will All resize. Because of this I need the user to  keep the mouse over for at least 1.5 sec over a given image and then proceed with the resize. This is the unproper code:</p>
  
  <pre><code>$('a img').mouseover(function(){
              $(this).delay(1500).animate({
                  width: "315px",
                  height: "225px",
                  marginLeft: "-50px"
              }, 1500 );
          });
          $('a img').mouseout(function(){
          $(this).animate({
              width: "210px",
              height: "150px",
              marginTop: "0px",
              marginLeft: "0px"
          }, 500 );
          });
  </code></pre>