Question

请问如何使用JQuery，让其能够根据图片的下标来切换

能帮我再我的代码基础上修改么，效果和下图似得

$(function(){ $('#slides').slides({ preload: true, preloadImage: 'images/loading.gif', play: 5000, pause: 2500, hoverPause: true, animationStart: function(){ $('.caption').animate({ bottom:-35 },100); }, animationComplete: function(current){ $('.caption').animate({ bottom:0 },200); if (window.console && console.log) { // example return of current slide number console.log(current); }; } }); })

Answer 1

var t=1;
$(function(){
    len=$("#slideshow>ul>li").length;
    $("#slideshow>ul>li").hide();//隐藏全部
    $("#slideshow>ul>li").eq(0).show();//默认显示第一个
    time=setInterval("change()",3000);//每3秒自动播放
    $(".previous").click(function(){//点击上一个函数
        clearInterval(time);
        $("#slideshow>ul>li").fadeOut();
        $("#slideshow>ul>li").eq(t-2).fadeToggle();
        t--;
        if(t==0){
            t=len;
        }
        time=setInterval("change()",3000);
    })
    $(".next").click(function(){//点击下一个函数
        clearInterval(time);
        $("#slideshow>ul>li").fadeOut();
        $("#slideshow>ul>li").eq(t).fadeToggle();
        t++;
        if(t==len){
            t=0;
        }
        time=setInterval("change()",3000);
    })
})
function change(){//自动播放函数
    if(t<len){
        $("#slideshow>ul>li").fadeOut();
        $("#slideshow>ul>li").eq(t).fadeToggle();
        t++;  
    }else{
        t=0;
        $("#slideshow>ul>li").fadeOut();
        $("#slideshow>ul>li").eq(t).fadeToggle();
        t++;
    }
}

追问

能在我源代码的基础上修改么