在服务器上缓存图像的问题 - jQuery答案

【问题标题】：Problem with caching images on server- jQuery在服务器上缓存图像的问题 - jQuery
【发布时间】：2011-02-14 20:46:42
【问题描述】：

我遇到了最奇怪的问题。我正在使用 nivo 滑块 jQuery 插件实现一个简单的画廊。当我在本地机器上测试它时，一切正常，但是我在在线托管服务器上遇到了问题。

当您第一次打开网站时，图像往往不会出现。缓存图像似乎存在问题。当您重新加载页面时（简单的 f5）一切正常。

与其向您展示代码，我认为展示该站点会更好，这样您就可以看到 firebug 向您展示了什么： http://teslacreations.com/orangery/test.php

有人知道如何解决吗？

【问题讨论】：

在 Chrome 中似乎很好。究竟是如何重现问题的？
好吧，只有当你打开页面并立即刷新它时才可以，所以图像是从缓存中获取的。如果您第一次打开它似乎不起作用（至少在我和我朋友的浏览器上）。好吧，现在它决定在 IE 中工作。仅在 IE 中，这很尴尬，不是吗..
在 FF 3.6.3/Win 中运行良好。 Opera 10.53/Win 的奇怪问题：所有图片都出现在滑动的下方

【解决方案1】：

验证您的 XHTML！我对 Nivo 有这个确切的问题，问题是包含的 div 没有（在某些情况下）为脚本提供正确的尺寸。

我的解决方案是明确说明容器和视口的尺寸，以便 nivo 可以抓住一些东西。

如果您有兴趣，请查看项目here。希望这会有所帮助。

【讨论】：

【解决方案2】：

排序！上帝为什么总是这样，当你为一个问题苦苦挣扎了几个小时，最终决定在互联网上发布一个问题时，你自己在几分钟内就找到了解决方案？ ;)

好吧，对于将来可能遇到问题的人 - 在将 div 与图像关联到 Nivo Slider jQuery 函数之前添加一个超时可以解决它。

有趣的是，我通过检查插件创建者的代码发现了 - 尽管他从未提到使用 js 超时，但他自己做了。

非常感谢你们的意见问候

【讨论】：