jQuery实现预加载图片的方法

2019-12-18,,,,,

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

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

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

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

您可能感兴趣的文章:

  • jQuery延迟加载图片插件Lazy Load使用指南
  • jQuery oLoader实现的加载图片和页面效果
  • jquery插件lazyload.js延迟加载图片的使用方法
  • JQuery加载图片自适应固定大小的DIV
  • jquery中加载图片自适应大小主要实现代码
  • jQuery滚动加载图片效果的实现
  • Lazy Load 延迟加载图片的jQuery插件中文使用文档
  • jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
  • jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
  • jquery动态加载图片数据练习代码
  • jQuery 实现图片的依次加载图片功能

《jQuery实现预加载图片的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。