jQuery - 简单的滑块插件图像“截断”

Question

我实现并略微修改了easy slider jQuery插件。

问题在于 有时 图像会完全加载。

这是一张图片：

这是应该如何：

它似乎很随机，但每当我进行硬刷新时，（cmd + shift + r或ctrl + f5）它每次都有效。

我不太确定问题出在哪里。

我给你一个live example，希望它有所帮助，我会给你我使用的代码（但大多数你可以在示例中看到），我会知道要告诉你什么。

我希望我不要模糊，请询问您是否需要澄清。

提前致谢！

特鲁法

Answer 1

你想在这里使用window.onload而不是document.ready（主要区别在于onload触发时图片被加载），如下所示：

$(window).load(function(){  
  $("#slider").easySlider({
    auto: false, 
    continuous: true
  });
});

当Easy滑块计算高度等时，需要加载你的图像，在适当的时候运行插件应该解决...因为它不会运行直到它们被加载并且具有正确的尺寸。