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

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

WBOY
WBOYoriginal
2016-05-16 16:09:01959parcourir

本文实例讲述了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');

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

Déclaration:
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