javascript - jQuery Cycle - 挤压图像？

Question

this question中讨论的问题我遇到过一个生产网站，但除了 Firefox 之外，我们还在 IE 中看到了它。

它应该是这样的，所有三个都间歇性地淡入不同的图片:

我们从客户那里得到了这些屏幕截图:

图像异常小:

奇怪尺寸的图像:

我们能够通过硬刷新 (ctrl-f5) 使用 Firefox 可靠地重现它，但我们办公室中唯一能够在 IE 中重现它的是在 Windows 7 上运行 IE8，但并不可靠。客户端使用的是 IE7，我相信是 XP。

我通过在 $(window).load() 而不是 $(document).ready() 中设置幻灯片来修复它，但我从未弄清楚为什么在 IE 中很难重现。管理层对我们无法在 IE 中可靠地重现该问题或解释其发生原因感到不安，并要求我进行调查。

有人有想法吗？在某些情况下，链接问题中讨论的同一问题是否也适用于 IE？此时我只能说“我们不能总是确定这样的事情。”

更新:直到我在 Javascript 中设置幻灯片之后，我才能够在 IE 中可靠地实现这一点，方法是在幻灯片中不设置 src 属性。我认为这证明这确实是相同的计时问题，只是发生的次数较少，因为 IE 是不同的渲染引擎。管理层仍然好奇还有哪些其他情况介入，但我现在确信这确实是所有浏览器中的计时问题，并且我们的生产站点不会出现进一步的问题。

另外，我在 jQuery 论坛上问了同样的问题 here并被告知要在 img 元素中明确设置图像大小。这也解决了这个问题。

Answer 1

您发布的链接中对此进行了解释。这是一个时间问题。有时这个周期会提前开始，有时则不然。在某些浏览器中，“有时”可能只是“几乎从不”。

在 document.ready 中启动循环可确保在循环开始之前加载所有图像，以便正确检测尺寸。

它很可能取决于 CPU 速度、网络延迟、浏览器、操作系统等等。

之所以很难一致地重现，是因为环境非常复杂，结果取决于你不能立即看到的东西。