html - CSS表示のインラインアイテムは、ページの読み込み時にリストアイテムとして一時的に表示されます

Question

アイテムをインラインで表示するカルーセル（jcarousel）があります。ロードすると、アイテムは最初に垂直に表示され（リスト）、次に通常のインライン位置に切り替わります。

私はいくつかのウェブサイトでこれを持っています、そしてそれは迷惑だと思います。

これについて何かできることはありますか？

ありがとう

Answer 1

ロードとは、ポジショニングを処理する実際のJavaScriptを実行できなかったことを意味します。

事前にcssを介してこれらの要素を非表示にし、サイドの読み込みが完了した後で表示に戻すことができます。

Answer 2

親divまたはカルーセルが含まれているコンテナのcssを変更できます。

#jcDiv { 
  visibility: hidden;
  height: 200px; /* Adjust this to what yours should be */
  overflow: hidden;
}

そしてonload（ウィンドウ、ドキュメントではないので、画像がロードされるまで表示されません）：

$(window).load(function() {
  $("#jcDiv").css({ visibility: 'visible' });
});