首页 > 语言 > JavaScript > 正文

jQuery实现预加载图片的方法

2024-05-06 16:17:01
字体:
来源:转载
供稿:网友

这篇文章主要介绍了jQuery实现预加载图片的方法,涉及jQuery操作img的src属性使用技巧,需要的朋友可以参考下

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

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

 

 
  1. jQuery.preloadImages = function() {  
  2.   for(var i = 0; i < arguments.length; i++) {  
  3.     $("<img />").attr('src', arguments);  
  4.   } 
  5. }; 
  6. //用法  
  7. $.preloadImages('image1.gif','/path/to/image2.png','some/image3.jpg'); 

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选