javascript - jquery制作呼吸轮播图

Question

var idx=0;

    //点击右按钮
    $("#right").click(function () {
        if($("ul li").eq(idx).is(":animated")){
            return;
        }

// 先让老图淡出

        $("ul li").eq(idx).fadeOut(800)

// 信号量改变

        idx++
        idx=idx>$("ul li").length-1?0:idx;
        console.log(idx);
        $("ul li").eq(idx).fadeIn(800)
    })
    
    //点击左按钮
    $("#left").click(function () {
        if($("ul li").eq(idx).is(":animated")){
            return;
        }

//// 先让老图淡出

        $("ul li").eq(idx).fadeOut(1000)

// 信号量改变

        idx--;

// 判断索引

        idx=idx<0?$("ul li").length-1:idx;

        $("ul li").eq(idx).fadeIn(1000)
    })