Ошибка на вращателе изображения jQuery

Question

Пока я делал роторатор изображений jQuery, я столкнулся с проблемой.Где эта проблема?

http://jsfiddle.net/thisizmonster/6a6fv/3/

$(function() {
    setInterval(function(){
        var currentImg = $(".background-image img.active").attr("rel");
        var nextImg = (currentImg != $(".background-image img").length) ? currentImg++ : 1;
        //alert(nextImg );
        $(".background-image img[rel="+currentImg+"]").removeClass("active");
        $(".background-image img[rel="+nextImg+"]").addClass("active");
    }, 3000);
});

CSS:

.background-image {
    position: relative;
}
.background-image img {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.background-image img.active {
    z-index: 2;
}

HTML:

<div class="background-image">
    <img src="http://lorempixel.com/400/200/sports" rel="1" width="400" height="200" class="active">
    <img src="http://lorempixel.com/400/200/animals" rel="2" width="400" height="200">
    <img src="http://lorempixel.com/400/200/city" rel="3" width="400" height="200">
</div>

Answer 1

ДЕМО jsFiddle

var ch = $('.background-image').children();
ch.not(':eq(0)').hide();
var i = 0;

(function anim(){  
  ch.delay(900).fadeTo(900,0).eq(++i % ch.length).fadeTo(900,1,anim);
})();

Answer 2

Существует небольшая разница между variable++ и ++variable.++ переменная преинкрементная, это означает, что сначала variable увеличивается перед использованием, а variable++ является постинкрементным: сначала используется variable, а затем увеличивается.

Вот фиксированный версия