Question

HTML：

<ul class="bxslider">
    <li><img src="image.jpg" alt="" /></li>
    <li><img src="image.jpg" alt="" /></li>
    <li><img src="image.jpg" alt="" /></li>
</ul>
<a id="selected" href="#">details</a>

我使用 bxslider ，我希望如果上一个image active a#selected有.select这个可能

示例：http://jsfiddle.net/NXzcx/83/

JS

$('.bxslider').bxSlider({
  auto: true,
  infiniteLoop: false,
  hideControlOnEnd: true,
});

$(document).ready(function(){
                if (slider.active.index == 0){
                $('#selected').addClass("select");
            }

            });

Answer 1

将onAfterSlide回调添加到bxSlider。

$('.bxslider').bxSlider({
    auto: true,
    infiniteLoop: false,
    hideControlOnEnd: true,
    onAfterSlide: function (currentSlide) {
        if(currentSlide == $('.bxslider').children('li.pager').length -1) {
            $('#selected').addClass("select");
        } else {
            $('#selected').removeClass("select");
        }
    }
});

<强> DEMO

如果横幅中的最后一个图像处于活动状

1 个答案: