この単純なjavascriptは何ですか？

Question

私はチュートリアルを読んでいて、コードの最初の行に固執し続けています。私はオブジェクトの作成には "新しい"ことを知っていますが、このチュートリアルはそれとは関係ありません。チュートリアルはここにある

var img = new Image(); 

を助けてください：newはJavaScriptで、http://www.w3schools.com/jsref/dom_obj_image.asp

Answer 1

実際：

http://jqueryfordesigners.com/image-loading/

[OK]を、私は事前に定義されたjavascriptオブジェクトイメージ（）のW3の定義を見つけましたPHPのように、オブジェクトを作成するときにも使用されます。

したがって、このコード行はImageオブジェクトをインスタンス化し、img変数に割り当てます。

Answer 2

あなたは、彼らはそれがロード画像やフェードを隠す持ち運びにくい、その後

をロードされるまで、彼らは待っ画像画像/ headshot.jpg

をプリロード

var img = new Image(); 

で画像をプリロードすることができます画像内で

Answer 3

これはjQueryとは関係ありません。

イメージは、HTMLイメージオブジェクトに対応するネイティブJavaScriptオブジェクトです。

ラインが何を意味するのか、それはあなたのためのHTMLフォームを作るのです「新しい変数 『IMG』を作成し、新たに初期化Imageオブジェクトに設定」

Answer 4

です。詳細は

が、これはあなたに多くを助けるかもしれない。このhttp://www.devguru.com/technologies/ecmascript/quickref/image.html

希望をお読みください。

またはあなたはそれが

var img = new Image(); 

なく使用を作成知りたいですか？

$(img) 
    // once the image has loaded, execute this code 
    .load(function() { 
    // set the image hidden by default  
    $(this).hide(); 

    // with the holding div #loader, apply: 
    $('#loader') 

    // remove the loading class (so no background spinner), 
    .removeClass('loading') 
    // then insert our image 
    .append(this); 

    // fade our image in to create a nice effect 
    $(this).fadeIn(); 
    }) 

    // if there was an error loading the image, react accordingly 
    .error(function() { 
    // notify the user that the image could not be loaded 
    }) 

// *finally*, set the src attribute of the new image to our image 
.attr('src', 'images/headshot.jpg'); 
}); 

「この」キーワードは、ほんの少しのノート