Hey pmw57

I've used an implementation of your code from a previous post that has now been sealed:

Code JavaScript:
$(function () {
    function fadeAndMove(el) {
	setTimeout(function () {
        el.fadeOut(1000, function (el) {
            return function () {
                el.parent().append(el);
                el.fadeIn(1000, function () {
                    setTimeout(function () {
                        fadeAndMove($(el.selector));
                    }, 2000);
                });
            };
        }(el));
}, 2000);
    }
    fadeAndMove($('#homePicCol li:first'));
});

Code HTML4Strict:
<ul id="homePicCol">
  <li><img src="Images/bannerHome2.jpg" alt="#" /></li>
  <li><img src="Images/bannerHome.jpg" alt="#" /></li>
  <li><img src="Images/bannerHome2.jpg" alt="#" /></li>
  <li><img src="Images/bannerHome.jpg" alt="#" /></li>
  <li><img src="Images/bannerHome2.jpg" alt="#" /></li>
  <li><img src="Images/bannerHome.jpg" alt="#" /></li>
</ul>

I have changed it slightly so the transition isn't evoked straight away (not sure if this was a good way of doing it but it worked! )

it worked fine for the first transition when i only had 2x <li>, but as I added more it failed to transition

I would also like the function to be infinite, i know it's possible but don't have the foggiest how!

any help to a jQuery noob gratefully recieved