javascript - 使用Jquery更新图像

我正在使用BXslider，并且希望更新图像。
这是代码片段：

$(function(){
  $('#slider1').bxSlider({
    auto: true,
    pager: true,
    buildPager: function(slideIndex){
     switch (slideIndex){
        default:
          return '<a href=""><img src="/images/loginPage/dot_empty.png" style="margin:2px;" /></a>';
       }
    }
  });
});

使用的CSS是：

a.pager-active > img{
    border-bottom: 2px solid #DE312A !important;
    background: url("/images/loginPage/dot_filled.png") no-repeat scroll 1px 0 !important;
    z-index:2;
}
.bx-pager a{
    text-decoration:none;
    color:transparent;
}
.bx-pager a > img{
    border-bottom: 2px solid blue;
    z-index:0;
    //background: url("/images/loginPage/dot_filled.png") no-repeat scroll 1px 0 transparent;
}

精灵图片是：


请给我建议一种更新图像src的方法，我也尝试使用css条纹。
提前致谢！！

最佳答案

您要做的就是更改图像的来源：

$(SELECTOR_FOR_IMAGE).attr('src', NEW_VALUE);

您没有提供任何有关其余标记外观的信息，因此我无法提供比这更明确的信息，但这就是更改图像的source属性所涉及的全部。