title: How to get image to pulse with opacity with JQuery
body: <p>I am trying to get an image to change opacity smoothly over a duration of time. Here's the code I have for it.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  pulsem(elementid){
      var element = document.getElementById(elementid)
      jquery(element).pulse({opacity: [0,1]}, 
  {    duration: 100, // duration of EACH individual animation    
       times: 3, // Will go three times through the pulse array [0,1]   
       easing: 'linear', // easing function for each individual animation    
       complete: function() {        alert("I'm done pulsing!");    }
  })
  &lt;/script&gt;
  
  
  &lt;a href="city.htm"&gt;&lt;img src="waterloo.png" onmouseover="javascript:pulsem("waterloo")" border="0" class="env" id="waterloo"/&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Also, is there a way for this to happen automatically without the need of a mouseover? Thanks.</p>