jQuery实现预加载图片的方法

 更新时间:2015年03月17日 10:09:16   作者:小小的我  
这篇文章主要介绍了jQuery实现预加载图片的方法,涉及jQuery操作img的src属性使用技巧,需要的朋友可以参考下

本文实例讲述了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自定义动画函数实例详解(附demo源码)

    jQuery自定义动画函数实例详解(附demo源码)

    这篇文章主要介绍了jQuery自定义动画函数实现方法,形式实例分析了jQuery通过插件结合数学运算实现滑块动画运动的效果,并附完整demo源码供读者下载,需要的朋友可以参考下
    2015-12-12
  • jQuery中:contains选择器用法实例

    jQuery中:contains选择器用法实例

    这篇文章主要介绍了jQuery中:contains选择器用法,以实例形式分析了:contains选择器的功能、定义及匹配给定元素文本时的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • 前端开发必知的15个jQuery小技巧

    前端开发必知的15个jQuery小技巧

    本文主要介绍了前端开发必知的15个jQuery小技巧。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • jQuery实现仿京东防抖动菜单效果示例

    jQuery实现仿京东防抖动菜单效果示例

    这篇文章主要介绍了jQuery实现仿京东防抖动菜单效果,结合实例形式分析了jQuery事件响应及页面属性动态操作相关实现技巧,需要的朋友可以参考下
    2018-07-07
  • jQuery图片切换动画特效

    jQuery图片切换动画特效

    这篇文章主要为大家详细介绍了jQuery图片切换动画特效,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • jQuery拖动布局其结果保存到数据库

    jQuery拖动布局其结果保存到数据库

    这篇文章介绍了jQuery实现拖动布局并将排序结果保存到数据库的实现方法,感兴趣的朋友可以参考一下
    2015-10-10
  • jQuery的context属性用法实例

    jQuery的context属性用法实例

    这篇文章主要介绍了jQuery的context属性用法,实例分析了context属性返回节点内容的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jQuery实现字符串全部替换的方法【推荐】

    jQuery实现字符串全部替换的方法【推荐】

    本文主要介绍了jQuery实现字符串全部替换的方法,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • Hallo.js基于jQuery UI所见即所得的Web编辑器

    Hallo.js基于jQuery UI所见即所得的Web编辑器

    Hallo.js是一个简单的富文本编辑器,基于jQuery UI的部件,利用HTML5的contentEditable功能实现了即时编辑功能,其主要目的是为了提供良好的书写体验,对Hallo.js感兴趣的小伙伴们可以参考一下
    2016-01-01
  • JQuery插件Style定制化方法的分析与比较

    JQuery插件Style定制化方法的分析与比较

    最近因为项目的需要,使用了一个JQuery插件。把插件下下来后,很快我就发现,很多默认的插件Style不符合项目要求,必须要被修改
    2012-05-05

最新评论