jquery - jQuery / CSSの問題

Question

だから私はこのコードを持っています:

     <script type="text/javascript">
    $(function(){
  $('.content_slider').bxSlider({
    pager: true,
    buildPager: function(slideIndex){
      switch (slideIndex){
        case 0:
          return '<a href=""><img src="images/bullet1.png" /></a>';
        case 1:
          return '<a href=""><img src="images/bullet1.png" /></a>';
        case 2:
          return '<a href=""><img src="images/bullet1.png" /></a>';
        case 3:
          return '<a href=""><img src="images/bullet1.png" /></a>';
      }
    }
  });
});
    </script>

「アクティブな」スライドに別の .png 画像を表示するように設定するにはどうすればよいですか?

たとえば、スライド「nr. 2」をページャーから 2 番目の .png 画像にすると、switch ブロックで設定されているように、bullet1.png ではなく bullet2.png になります。

よろしく。