Javascript bxslider不会在chrome中等待图像；跳到最后一张幻灯片

如果转到，您将在页面顶部看到一个bxslide。至少，如果你不使用chrome（特别是safari、IE或firefox中似乎没有出现这个问题），你会的

我经常遇到这样的问题：当从chrome加载页面时，bxslider中使用的图像不会加载。刷新通常可以解决问题。我得到的只是两个切换幻灯片的按钮，但是单击这些按钮时不会发生任何事情

我没有收到任何错误消息

我假设问题在于，当$（'.bxslider'）.bxslider（）的；在$（document）.ready（function（）{}）内调用。 然而，什么是解决这个问题的好办法？如果我将bxslider调用移动到window.load，我会得到一个有点难看的结果，即幻灯片中的所有图像都会以错误的宽度和样式显示，直到整个页面加载完毕。我想我可以在页面加载完成之前更改所有图像的可见性和样式，但这看起来更像是一个黑客而不是解决方案

使用某种imagesloaded事件而不是document.ready是明智的选择吗？无论如何都包括imagesloaded包。但是，我怀疑我会遇到同样的问题，所有的图像显示，直到最后一个加载

一个相关的问题可能是，无论使用哪种浏览器，加载页面时滑块总是跳到最后一张幻灯片。我已通过手动设置“startSlide”来“修复”此问题

---

我希望我的问题有意义。我知道这里有很多bxslider问题，但我还没有找到任何人解决这个问题，除了人们“放弃”和在加载时仅仅隐藏图像之外？

我可能已经找到了一个合适的非黑客解决方案：

在window.load调用中重新加载滑块。因此，我的bxslider调用已转换为：

var slider; // has to be defined beforehand so I can use it in window.load
$(document).ready(function(){
//initialize slider
slider = $('.bxslider').bxSlider({
 startSlide:0
});
};)

$(window).load(function() {
  slider.reloadSlider();

 });