确定数目的自动轮播

HTML代码

<a class= "A">

<b></b>

<b></b>

<b></b>

//图片上的按钮，跟随变化

<ul class="UL">

<li></li>

<li></li>

<li></li>

</ul>

<b></b>

</a>

var $calendarReal  = $('.A b');

var$circleBtn  = $('.UL li');

jquery代码

var index = 0;

var timer = setInterval(function(){

//   X  已知数目的最后一张
        index = (index == X) ? 0 : index + 1;
       $calendarReal.eq(index).fadeIn(100).siblings().fadeOut(100);
        $circleBtn.eq(index).toggleClass('active').siblings().removeClass('active');
    }, 4000);

例子：两张

 var timer1 = setInterval(function(){

        index = (index == 1) ? 0 : 1;
        $calendarReal.eq(index).fadeIn(100).siblings().fadeOut(100);
        $circleBtn.eq(index).toggleClass('active').siblings().removeClass('active');
    }, 4000);