当滑块中的最后一个图像处于活动状态时,removeClass

时间:2013-03-15 02:34:27

标签: jquery jquery-ui

我使用 easySlider插件来滑动图片,以及我想要实现的目标,如果最后一张图片是active文字“突出显示我”更改颜色到red我自己尝试,但我没有得到正确答案,我设置fiddle here

我目前的代码:

$(document).ready(function(){
            $(document).ready(function(){
            $("#slider > ul > li:last").addClass("selected");
          });
                if(".selected") {
                $("#selected").addClass("select");
            }

            });

1 个答案:

答案 0 :(得分:1)

想想我可以提供帮助。稍微修改了你的代码,让我知道你的想法:http://jsfiddle.net/kKY5U/5/

基本上,为prev和next按钮添加了听众

var imgCount = 0;
$("#nextBtn").click(function() {
    imgCount++;
    $("#select").removeClass("select")

    if (imgCount == picArray.length - 1) {
        $("#select").addClass("select")
    }
});

$("#prevBtn").click(function() {
    imgCount--;
    $("#select").removeClass("select")

    if (imgCount == 0) {
        $("#select").addClass("select")
    }
});

另外,更改了一些CSS,并在样式范围内制作h1标签。