サイトで Anything Slider を使用していますが、ページの読み込み中に発生する 2 ～ 3 秒のフラッシュを取り除くことができないようです。最初にページにアクセスするか、ページを更新すると、各スライドのコンテンツのように見えるものが表示され、スタイルが解除され、すべてが表示されます。フラッシュを取り除く方法を知っている人はいますか？
1260 次
4 に答える
1
ロードされるまで要素を非表示にすることができます。スタイルシートで次のように言います。
.thumbNav
{
display: none;
}
スライダーのコールバックで次のように言います。
$( ".thumbNav" ).css( "display", "inline" );
あるいは単に：
$( ".thumbNav" ).show( );
于 2012-01-05T22:53:45.483 に答える
0
スライダー呼び出しをドキュメントに入れてみましたか？これにより、DOMがロードされるのを待ってから実行できます。
<script>
$(document).ready(
function () {
// Your slider call here
});
</script>
于 2012-01-05T22:52:41.603 に答える
0
$(document).ready を使用する代わりに、$(window).load(); はどうですか? 何かを実行する前にすべての画像がロードされるのをjQueryに待機させる公式の方法も参照してください。フラッシュは、最初に画像をロードする際の遅延が原因である可能性があります。
于 2012-01-05T22:54:39.920 に答える
0
AnythingSlider の最新バージョンを使用している場合、FOUC (スタイル設定されていないコンテンツのフラッシュ) の防止が含まれています。
古いバージョンについては、FAQ ページを確認してください。この問題を防ぐために使用できる 2 つの異なる方法が示されています。
于 2012-01-07T06:17:21.783 に答える