Jquery를 사용하여 이미지를 업데이트하려면

Question

저는 BXslider를 사용 중이므로 이미지를 업데이트하고 싶습니다.

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를 업데이트 할 수있는 방법을 제안, 내가 - :

$(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는 다음과 같습니다 이 코드 조각입니다 css 줄무늬를 사용하여 시도했다. 미리 감사드립니다 !!

Answer 1

당신이해야 할 모든이 이미지의 소스 변경하는 것입니다 : 당신은 당신의 마크 업의 나머지 부분이 어떻게 보이는지에 대한 정보를 제공하지 않았다

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

을, 그래서 나는 그것보다 더 명시 할 수 없다 ,하지만 이미지의 소스 속성을 변경하는 것이 전부입니다.