bxSlider插件与ajax调用相结合，可以在每次幻灯片移动时动态更改图像的源

<script src="jquery.min.js"></script>
<script src="jquery.bxslider.min.js"></script>
<link href="jquery.bxslider.css" rel="stylesheet" />

<ul class="bxslider">
  <li><img id="slide-image" src="default.jpg" /></li>
  <li><img id="slide-image" src="default.jpg" /></li>
  <li><img id="slide-image" src="default.jpg" /></li>
</ul>

$(document).ready(function(){
  $('.bxslider').bxSlider({
    onSlideBefore: function($slideElement, oldIndex, newIndex){
      // 在每次幻灯片移动之前触发的回调函数
      // 可以在这里进行ajax调用，获取最新的图像源
      $.ajax({
        url: 'getNewImage.php',
        success: function(data){
          // 更新图像源
          $('#slide-image').attr('src', data);
        }
      });
    }
  });
});