Maison > interface Web > js tutoriel > jQuery实现预加载图片的方法_jquery

jQuery实现预加载图片的方法_jquery

WBOY
Libérer: 2016-05-16 16:09:01
original
963 Les gens l'ont consulté

本文实例讲述了jQuery实现预加载图片的方法。分享给大家供大家参考。具体分析如下:

这段js代码用于预加载图片,记住是预加载,不是后加载哟,就是在图片还不显示的时候就将图片下载到用户浏览器的缓存中,这样要显示的时候就非常快,无需再到服务器上去读取图片。

jQuery.preloadImages = function() { 
  for(var i = 0; i < arguments.length; i++) { 
    $("<img  / alt="jQuery实现预加载图片的方法_jquery" >").attr('src', arguments); 
  }
};
//用法 
$.preloadImages('image1.gif','/path/to/image2.png','some/image3.jpg');
Copier après la connexion

希望本文所述对大家的jQuery程序设计有所帮助。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal