1

我遇到了一个问题，我将 36 个图像拉入列表，然后在图像轮播中显示它们（使用 jcarousel）

它们的大小并不大，每个可能 12-15kb，但是在页面加载大约 1-2 秒时，它们都垂直向下显示在页面上。

这是链接：http ://se.mbs.co （这是一个测试站点，所以一些 HTML 需要清理）

关于防止这种情况发生的最佳方法的任何想法？

我试过使用 CSS，但它似乎只是覆盖它。

任何想法都会很好！

作为参考，我使用的是最新版本的 jQuery 和 jcarousel。

4

3 回答 3

3

我通过制作包含元素使用了一个简单的修复overflow: hidden，并且还给出了一个固定的高度。这避免了对 jQuery 编码的需要。

于 2012-10-23T02:43:19.923 回答
1

Stephan Muller 的回答是一个好的开始，但请参阅我对使用 jQuery.UI.Accordian 的类似问题的回答。

基本上：

  1. 决定你希望它在 JavaScript 关闭时的外观，并将其设为默认样式。
  2. 决定当 JavaScript处于打开状态但页面仍在加载（pre-dom-ready）时您希望它的外观并为此添加样式
  3. 当您的轮播就位时，为 dom-ready添加样式。请注意，jCarousel 将您的列表包装在几个生成的 div 中，因此您可能还需要在那里应用您的样式。

希望有帮助！

于 2011-02-15T15:13:19.227 回答
0

您应该从可能不可见的图像开始，通过设置display:none为包含元素。也许使用默认图像（甚至背景图像）在加载时显示某些内容。然后使用 jQuery，您可以绑定一个函数以在内容完全加载时显示 div。这可以防止加载过程中出现故障:)

于 2010-09-14T13:51:36.303 回答