Slideshow with blinking effect
<p>I have an endless loop slideshow, the result I'm looking for is: blinking image -> few seconds of blank -> next blinking image, ...</p>

<p>@marcus-ekwall solution almost works, but the very first slide is shown for a long interval instead of short, then it loops fine. Any idea? Thank you</p>

<pre><code>$(function(){
$('.slideshow img:gt(0)').hide();
setInterval(function(){
    var $current = $('.slideshow :first-child').hide();
    var $next = $current.next('img');
    $current.appendTo('.slideshow');
    setTimeout(function(){ 
        $next.show();
    }, 1900);
}, 2000);
});
</code></pre>

<p>HTML:</p>

<pre><code>&lt;style type='text/css'&gt;
    .slideshow { position:relative; }
    .slideshow img { position:absolute; left:0; top:0; }​
&lt;/style&gt;

&lt;body&gt;
    &lt;div class="slideshow"&gt;
        &lt;img src="1.png" /&gt;
        &lt;img src="2.png" /&gt;
        &lt;img src="3.png" /&gt;
    &lt;/div&gt;
&lt;/body&gt;
</code></pre>
