title: image shake on mouse over
body: <p>I'm trying to make a image shake on mouse over, I got it to shake but it seems to shake constantly rather then on mouseover.</p>
  
  <p>vibrate.js (uses the vibrate plugin <a href="http://andreaslagerkvist.com/jquery/vibrate/" rel="nofollow noreferrer">http://andreaslagerkvist.com/jquery/vibrate/</a> )</p>
  
  <pre><code>jQuery(document).ready(function() {
  
      jQuery(".bottles").mouseover( function() {
  
          // configurations for the buzzing effect. Be careful not to make it too annoying!
          var conf = {
                  frequency: 6000,
                  spread: 7,
                  duration: 700
              };
  
          // this is the call we make when the AJAX callback function indicates a login failure 
          jQuery(this).vibrate(conf);
      });
  
  });
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;div id="bottle"&gt;
  &lt;img class="bottles" src="/images/_garlic.png"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How would I stop that function from shaking?</p>