画像ロードjqueryのは、その後のサイクル

$(document).ready(function() { 
    $('.previewnetcoid').html('<img src="/www-static/assets/images/ajax-loader.gif" style="display: block; margin: 170px auto;">'); 
    $(window).load(function() { 
     $('.previewnetcoid').show(); 
     $('.previewnetcoid').cycle({ 
      fx: 'scrollLeft', // choose your transition type, ex: fade, scrollUp, shuffle, etc... 
      speed: 2000, 
      timeout: 6000 
     }); 
    }); 
});

実行した場合、あなたが見ることができるように、私のイメージのすべては、それが画像が表示されますロードした場合ときにローダーを与えるやろうとしイム。私はここでそれが間違っていると思う。それだけローダー画像ロードjqueryのは、その後のサイクル

編集*私の進捗

<script type="text/javascript"> $(document).ready(function() { $('.previewnetcoid').hide(); $(window).load(function() { $('#ajax-loader').hide(); $('.previewnetcoid').show(); $('.previewnetcoid').cycle({ fx: 'scrollLeft', // choose your transition type, ex: fade, scrollUp, shuffle, etc... speed: 2000, timeout: 6000 }); }); });

あなたは、ローダで.previewnetcoidによって表される要素の内容を置き換え

にアダムラマダン

出典

2011-06-22 Adam Ramadhan

'$にあった何が'の前に'.html（...）'コール？ '.html（...）'呼び出しは、既存の要素をローダ画像に置き換えます。 –

画像を含む一部のdivコンテンツ。 –

を見てくれてありがとう、そう示し元のコンテンツはなくなりました。したがって、サイクルするものはありません。

また、ページが既に完全にロードされていない限り（$(document).ready()）、ページが完全にレンダリングされて読み込み中のアニメーションが表示されるまで待機しています。それは明らかに正しくはありません。

実際のドキュメントには読み込みアニメーションHTMLを配置し、CSSを使用してページを隠して表示する必要があります（絶対的に100％の幅と高さと背景で配置されています）。その後、あなたのJavaScriptには、ページの読み込みに隠されている。ユーザーがJavaScriptを無効にしている場合

<script>document.write(...)</script>

それ以外の場合、彼らはロード画像を取得しますが、それは削除されません。

また、あなたはおそらくJavaScriptで読み込みHTMLを記述する必要があります。

EDIT：（ 'previewnetcoid'）（例を提供する）

CSS

.loading { 
    position:absolute; 
    left:0; top:0; 
    width:100%; height:100%; 
    background:#000; 
    z-index:9999; 
}

HTML

<head> 
    ... 
    <link href="loading.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
    <script type="text/javascript"> 
     document.write('<div class="loading"><img src="loading.gif" alt="Loading..." /></div>'); 
    </script> 
    ...

$(document).ready(function(){ 
    $('.loading').hide(); 
});

出典

2011-06-22 16:08:38

編集*まだそれを得ることはありません、すべての例？ –

ローダー用のCSSとHTMLの両方がドキュメントの最初のものの中にあるはずです。好ましくは、スタイルシートは ''に、読み込みHTMLは ''の後の最初のものにするのがよいでしょう。そうすれば、残りのページが読み込まれる前に既に完全にレンダリングされます。 –

ああ私はそれを得る。ありがとう！ –

画像ロードjqueryのは、その後のサイクル

答えて

関連する問題