Make a JavaScript/jQuery slideshow I am working on making a minimalistic personal testing website to conduct various experiments for my role at work. I'd like to add a couple of bells and whistles to it, particularly a slideshow that cycles between several images. I could just as easily grab a plug-in, but I'd like to promote this Stack&nbsp;Exchange beta site and offer a simple challenge with concrete rules.

Rules:


JavaScript and jQuery are allowed. The jQuery library is assumed to be included.
The function of the code is to take three images and fade-cycle through each of them at regular intervals of five seconds indefinitely. Fade time is one second.
Must be compatible with Internet&nbsp;Explorer 9 (and later), Chrome, and Firefox.
The code golf submission is the total number of characters between the inline script. Characters in externally referenced files are also included.


HTML is the following, pretty-printed as it's not part of the challenge:

&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;JS Slideshow code golf&lt;/title&gt;
    &lt;script src="http://code.jquery.com/jquery-1.10.1.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
      /* CODE GOLF SUBMISSION HERE */
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div class="s"&gt;
      &lt;img id="a" src="img1.png" /&gt;
      &lt;img id="b" src="img2.png" /&gt;
      &lt;img id="c" src="img3.png" /&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;


Full attribution will be given to the author on any code I end up using.
70 68(JS) + 22(CSS) characters

setInterval('$(".s").append($(".s :first").hide().fadeIn(1e3))',5e3)


CSS:

img{position:absolute}


jsfiddle: http://jsfiddle.net/QACAY/

pure jQuery. The only browser-stuff is setInterval, which dates as far back as IE4. jQuery support doesn't reach that far. Javascript syntax here is ancient as well.

Of course, in practice, do not pass strings to setInterval! It is ten characters shorter (fewer with es6 arrow functions), but it's unreadable (madness? This is code golf!), it forces you into the global scope (which we don't mind here), it's slower (but we are far from being concerned with performance of calling jQuery code) and it won't pass any decent code review.

Works best if all images have the same shape. But, it will work just as fine with semitransparent images as long as visible stacking counts as fine and no more background is visible when any single image is removed. 

Since this does not wait for DOM ready, there's a tiny chance that only some of the image elements inside a gallery are loaded when an interval fires. In this case, the stack of images will get reordered. I don't think it's a problem. In fact, I kinda like it. 

After slight tweaking, it looks like code that could easily pass through a code review and get into production (also, be sure to modify the CSS to not be too aggressive):

$(function(){
  $(".s").each(function(_, s){
    setInterval(function(){
      $(":first", s).hide().appendTo(s).fadeIn(1000);
    }, 5000);
  });
});