要在页面设计中添加两个“下一个”和“上一个”控制按钮，您可以使用Bxslider插件。

首先，确保您已经包含了Bxslider的CSS和JavaScript文件。然后，按照以下步骤进行操作：

HTML结构：

  

    
  
  

    
  
  

    
  


上一个
下一个

JavaScript代码：

$(document).ready(function(){
  $('.slider').bxSlider({
    controls: false, // 禁用Bxslider默认的控制按钮
    infiniteLoop: false, // 禁用循环滚动
    adaptiveHeight: true // 根据幻灯片内容的高度调整幻灯片容器的高度
  });

  // 上一个按钮点击事件
  $('.prev').click(function(){
    $('.slider').bxSlider().goToPrevSlide(); // 切换到前一张幻灯片
  });

  // 下一个按钮点击事件
  $('.next').click(function(){
    $('.slider').bxSlider().goToNextSlide(); // 切换到下一张幻灯片
  });
});

通过上面的代码，您将在页面上看到一个包含幻灯片和两个控制按钮的Bxslider。单击“上一个”按钮将切换到前一张幻灯片，单击“下一个”按钮将切换到下一张幻灯片。