bxSlider延迟无限循环

Question

我的bxSlider水平跨越100％的浏览器宽度 - 在视口中显示多个（图像）幻灯片，并在选项中设置“moveSlides：1”。

共有8张幻灯片正在旋转。当我点击“下一个”箭头继续前进时，最后会发生奇怪的事情。当第8张幻灯片最初从右边进入视口并且我继续点击时，没有任何图像显示在它的右边直到它再次从左侧循环出来，此时幻灯片＃1-3突然出现在哪里他们应该顺序。从那里开始，循环重复，一旦幻灯片＃8再次进入视口，就会出现相同的情况。

基本上，我希望幻灯片＃1等出现在幻灯片8的右侧，只要它们应该出现在视口中，没有这种滞后。在检查CSS之后，我很确定这是视口计算关闭的问题（具体来说，是.bx-viewport的“左”位置。）

如何修改jquery.bxslider.js中的特定计算（幻灯片阵容的包装）？或者我应该采取另一种方法，一种不需要调整视口计算的方法吗？

我已将代码包含在内并在此处复制了问题：http://jsfiddle.net/astewes/S7L2n/1/

我正在使用带有以下选项的bxSlider：

jQuery(document).ready(function($){
  $('ul#homepage.bxslider').bxSlider({
    controls: true,
    displaySlideQty: 5,
    pager: false,
    startingSlide: 0,
    moveSlideQty: 1,
    infiniteLoop: true,
    preloadImages: 'all',
    adaptiveHeight: true,
    captions: false
  });
}); 

编辑：我已经更新了我正在使用的选项列表。我已经能够减少上面提到的延迟，但是当骑车回到图像＃1时滑块仍然表现得很奇怪。事实证明，displaySlideQty对减少延迟时间很有帮助，尽管我并不仅仅依靠它来销售。幻灯片之间的空间也是关闭的（对于肖像大小的图像），但这可能是因为我使用了纵向和横向的组合。我已经尝试动态改变肖像图像的宽度，但使用display: table和display: table-cell（使所有内容都居中）使得这种方法毫无用处。