0

大多数人可能都知道 thumbscroller (http://manos.malihu.gr/jquery-thumbnail-scroller)

问题是我在 Google chrome 和 Safari 中遇到了这个问题，Thumbs 在鼠标悬停在拇指容器上时会“消失”，

如果有人想尝试（使用 crome/safari）：

http://anulekha.net/production/?view=Collections&Lookbook=2011

你会很快明白我的意思，问题，

知道为什么会发生以及如何解决这个问题吗？

非常感谢 ：）

4

1 回答 1

0

在我们深入了解您的 jQuery 拇指滚动器之前，我们需要解决一些其他问题。

对于您拥有的所有图像，您的页面大小为2.3mb，包含83 个http 请求，换句话说，休斯顿，我们遇到了问题。

当您创建一个不是由这么多图像和 javascript 组成的网站时，按照自己的方式发展并不是什么大不了的事，但有了这个网站就可以了。

我建议：

  • 使用 sprite 组合图像
  • 将所有外部 JS 合并为一个并缩小它，最好也缩小 CSS 和 HTML。
  • 如果您不能为缩略图使用精灵，则不要在页面加载时加载所有精灵 - 之后使用 AJAX 获取它们。
  • 我注意到您的背景图像是一个相当大的 JPEG，我敢打赌您可以在 Photoshop 中减小文件大小而不会注意到质量下降。

请参阅我对这个问题的回答，它与您有类似的问题。

于 2011-03-25T23:26:27.390 回答