1

小さなサイト用にすばやくコーディングしたギャラリーがあり、Firefox 3 と Safari 3 で問題なく動作します。しかし、古い親友である IE7 でテストすると、imageVar.onload = function() { // code here }.. を起動しないようです。これを使用して、負荷効果を停止し、画像を読み込みます。

覚えておいてください...

  • サムネイルは、大きな画像の縮小版であることはわかっています。クライアントによって画像が完成したら、適切なサムネイルを作成します。
  • これは、ほとんどの場合、手続き型の JavaScript から抜け出すための私の最初の試みです..だから、簡単に行って、親切に私のコードが悪いところを教えてください!
4

3 に答える 3

5

Image.onloadを正常に使用するには、src属性を設定する前にイベントハンドラーメソッドを登録する必要があります。

この質問の関連情報:

画像読み込み用のJavascriptコールバック

于 2008-11-21T00:26:15.710 に答える
2

クロスブラウザイベントのサポートは、実装の違いによりそれほど単純ではありません。サイトでjQueryを使用しているため、イベントメソッドを使用してブラウザーサポートを正規化することをお勧めします。

それ以外の:

 window.load = function(){ 
      //actions to be performed on window load
 }

 imageViewer.image.onload = function(){ 
     //actions to be performed on image load
 }

行う:

$(window).load(function(){ 
    //actions to be performed on window load
});

 $(imageViewer.image).load(function(){ 
      //actions to be performed on image load
 });
于 2008-11-21T00:23:58.897 に答える
0

jQueryの組み込みイベントハンドラーを使用するというEranの提案に追加するだけで、ドキュメントが読み込まれ、DOMが作成されたときに、画像がダウンロードされる前にコードを実行できます。

$(document).ready(function(){
   //your code
});
于 2008-11-21T00:28:06.970 に答える