0

現在、jQueryfadeTOを使用して div をフェードインしています。ただし、ここでタイミングに関する小さな問題があります。fadeTOjQuery効果で時間を計測したいアニメーション GIF ファイルがあります。

ページが完全に読み込まれるまでスクリプトを起動しないように使用しようとしwindow.onloadましたが、ページが読み込まれるまでスクリプトを起動しないという点で技術的には機能します。ユーザーのインターネット接続に応じて、これはタイミングが良い場合もあれば、タイミングがずれることもあります。できるだけ正確なタイミングになるように、GIF アニメーションで効果のタイミングを合わせたいと思います。私が使用している現在のスクリプトは次のとおりです。

var $j = jQuery.noConflict();
   window.onload = function(){ 
    $j('#fadein').fadeTo(7500, 1, function() {
  });       
 };

私の質問は、GIF が完全に読み込まれて画面に表示されるとすぐにスクリプトを起動するにはどうすればよいですか? 私の考えでは、GIF がロードされ、GIF がロードされたときにスクリプトが開始されると、GIF を使用してスクリプトが適切にフェードインするタイミングを計ることができます。

これらのタイミングをより良くする方法について、私は他の考えを受け入れます。

4

2 に答える 2

0

画像が読み込まれた後にコードを実行する例を次に示します。

image=new Image();
image.src="mygif.gif"
image.onload=function(){
    alert('image Loaded');
}
于 2012-07-09T04:30:38.143 に答える
0

JavaScript とアニメーション GIF の時間を確実に計ることは不可能です。

近づける唯一の方法は、個々のフレームを個別の画像として (または、可能であればスプライト シートとして) 作成し、JavaScript でフレームを手動でアニメーション化することです。

私は実際に、私が作成したコースワーク サイトでこの例を実際に使用しています: linkと関連する JS ファイル。

于 2012-07-09T04:27:33.450 に答える