jquery开发： jquery实现图片预加载

最新推荐文章于 2026-04-14 12:23:25 发布

原创最新推荐文章于 2026-04-14 12:23:25 发布 · 827 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

jquery开发专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的图片预加载技术。通过动态生成img标签并设置src属性为待加载图片路径，可以提前加载页面中需要用到的图片资源，从而提升用户体验。文中提供了一个简单的示例代码。

 [javascript]view plaincopy 
   
 //图片预加载  
  $.preloadImages = function() {  
    for (var i = 0; i < arguments.length; i++) {  
      var img = $("<img />").attr("src", arguments[i]);  
    }  
  }  
  $.preloadImages("image1.jpg","image2.jpg");  
   
  $('#container').append(img);  