ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery_jquery を使用して画像をプリロードするための一般的な方法

jQuery_jquery を使用して画像をプリロードするための一般的な方法

WBOY
WBOYオリジナル
2016-05-16 15:54:461065ブラウズ

この記事の例では、jQuery で画像をプリロードする一般的な方法について説明します。皆さんの参考に共有してください。詳細は以下の通りです。

方法 1:

$.preloadImages = function() {
  for (var i = 0; i<arguments.length; i++) {
    img = new Image();
    img.src = arguments[i];
  }
}
$.preloadImages (
  "path_to_image_array",
  "path_to_image_array",
  "path_to_image_array"
);

方法 2:

// JQUERY WAY TO PRELOAD IMAGES
// DOES NOT NEED TO BE IN DOCUMENT READY
$.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
      img = new Image();
      img.src = arguments[i];
  }
}
$.preloadImages(
"path/to/image/1",
"path/to/image/2",
"path/to/image/3"
);

この記事が皆さんの jQuery プログラミングに役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。