Make elements pulsate in sequence
<p>I need to make each images called transparent.png pulsate (or fadein, fadeout) 3 times in sequence right after each other not on the same time as it does now.</p>

<p>transparent.png lays on top of each image and gives an fade out effect.</p>

<p>I use:</p>

<ul>
<li>jQuery 1.7.2</li>
<li>jQuery UI 1.8.21</li>
</ul>

<p>Here is my code:</p>

<pre><code>jQuery('.transparent').each(function(index) {
    jQuery(this).effect("pulsate", {times:3}, 1000);
});

&lt;div id="content"&gt;
    &lt;a class="frontimage projectleft" href="?folder=/sculptures"&gt;
        &lt;img width="200" title="" alt="" src="0054_46.jpg"&gt;
        &lt;img width="200" title="" alt="" src="transparent.png" class="transparent" style="opacity: 1; display: block;"&gt;
    &lt;/a&gt;
    &lt;a class="frontimage projectleft" href="?folder=/furniture"&gt;
        &lt;img width="200" title="" alt="" src="0076_20.jpg"&gt;
        &lt;img width="200" title="" alt="" src="transparent.png" class="transparent" style="opacity: 1;"&gt;
    &lt;/a&gt;
    &lt;a class="frontimage projectright" href="?folder=/paintings"&gt;
        &lt;img width="200" title="" alt="" src="156_52.jpg"&gt;
        &lt;img width="200" title="" alt="" src="transparent.png" class="transparent" style="opacity: 1;"&gt;
    &lt;/a&gt;
    &lt;a class="frontimage projectleft" href="?folder=/sculptures"&gt;
        &lt;img width="200" title="" alt="" src="174_36.jpg"&gt;
        &lt;img width="200" title="" alt="" src="transparent.png" class="transparent" style="opacity: 1;"&gt;
    &lt;/a&gt;
    &lt;a class="frontimage projectleft" href="?folder=/furniture"&gt;
        &lt;img width="200" title="" alt="" src="276_1.jpg"&gt;
        &lt;img width="200" title="" alt="" src="transparent.png" class="transparent" style="opacity: 1;"&gt;
    &lt;/a&gt;
    &lt;a class="frontimage projectright" href="?folder=/paintings"&gt;
        &lt;img width="200" title="" alt="" src="290_200076-01.jpg"&gt;
        &lt;img width="200" title="" alt="" src="transparent.png" class="transparent" style="opacity: 1;"&gt;
    &lt;/a&gt;
&lt;/div&gt;
</code></pre>
