Change CSS background-image with different intervals via jQuery
<p>I'm trying to change the background of a div via jQuery with a different delay between the images. So far I've got this:</p>

<pre><code>$(document).ready(function() {
    $("#Top").delay(10000).queue(function(){
        $(this).css({"background-image":"url(img/Top_Green.jpg)"}); 
     });
});
</code></pre>

<p>Which works just fine, but what I really want is this:</p>

<ul>
<li>Original Background</li>
<li>delay</li>
<li>Background 2</li>
<li>short delay</li>
<li>Background 3</li>
<li>delay</li>
</ul>

<p>And then loop those steps. I've seen different ways to do it, but there was always 1 set interval. I've been playing around with the code up there trying to put more items in the queue, but I never get it to work.</p>
