0

このテンプレートを変更/最適化しようとしています。他の問題の中でも特に、下部のサムネイル スクローラーに関連付けられているすべての div と画像を最初に読み込みます。次に、スクローラーを非表示にします。少なくとも私のコンピューターでは、これにより、すべての div が非表示になる前にビューアーに表示されるという不快な影響があります。コードをスキャンすると、サムネイルごとに約 20 個の div が作成され、次のように呼び出されます。

$("#thumbnails_wrapper").stop().delay(2000).fadeTo("fast", 0);

ロードする前に最初にすべての要素を非表示にするかなり簡単な方法を誰かが提案できますか? プロパティを使用してみhidden/visibleましたが、div のすべての要素をカスケードしていないような気がします。

4

1 に答える 1

1

CSS の #thumbnails_wrapper に display:none を表示するだけですか? 次に、必要に応じて JS を使用して呼び出しますか?

CSS ファイルで:

#thumbnails_wrapper {
 display:none;
}

あなたのJavaScriptファイルで（明らかに必要なときにのみ呼び出されるので、関数に含めることができます）：

jQuery("#thumbnails_wrapper").show();

または関数で：

function showThumbs()
{
    jQuery("#thumbnails_wrapper").show();
}
于 2012-08-12T13:36:00.333 に答える