1

36枚の画像をリストに取り込み、それらを画像カルーセルに表示するという問題があります（jcarouselを使用）

サイズはそれほど大きくなく、それぞれ12〜15 kbですが、ページの読み込み時に約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がオンになっているが、ページがまだ読み込まれている（dom-ready）場合の外観を決定し、そのためのスタイルを追加します
  3. カルーセルが設置されるときに、dom-readyの後のスタイルを追加します。jCarouselは、生成されたいくつかのdivでリストをラップするため、そこにもスタイルを適用する必要がある場合があることに注意してください。

お役に立てば幸いです。

于 2011-02-15T15:13:19.227 に答える
0

display:none包含要素に設定することにより、おそらく画像が非表示になることから始める必要があります。おそらく、デフォルトの画像（または背景画像）を使用して、読み込み中に何かを表示します。次に、jQueryを使用して、コンテンツが完全にロードされたときにdivを表示する関数をバインドできます。これにより、ロード中のグリッチが防止されます:)

于 2010-09-14T13:51:36.303 に答える