jQuery预加载图片常用方法

 更新时间:2015年06月15日 15:59:16   作者:小卒过河  
这篇文章主要介绍了jQuery预加载图片常用方法,以两个简单实例分析了jQuery预加载图片的实现技巧,需要的朋友可以参考下

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

方法1:

$.preloadImages = function() {
  for (var i = 0; i<arguments.length; i++) {
    img = new Image();
    img.src = arguments[i];
  }
}
$.preloadImages (
  "path_to_image_array",
  "path_to_image_array",
  "path_to_image_array"
);

方法2:

// JQUERY WAY TO PRELOAD IMAGES
// DOES NOT NEED TO BE IN DOCUMENT READY
$.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
      img = new Image();
      img.src = arguments[i];
  }
}
$.preloadImages(
"path/to/image/1",
"path/to/image/2",
"path/to/image/3"
);

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

相关文章

  • 使用CamanJS在Web页面上处理图像的技巧

    使用CamanJS在Web页面上处理图像的技巧

    CamanJs库用于个人项目中进行使用的图形操作库,这个库是基于JavaScript的canvas操作库,接下来,通过本篇文章给大家详细介绍使用CamanJS在Web页面上处理图像的技巧,需要的朋友一起来学习下
    2015-08-08
  • jQuery深拷贝Json对象简单示例

    jQuery深拷贝Json对象简单示例

    这篇文章主要介绍了jQuery深拷贝Json对象的简单实现方法,以简单示例形式分析了jQuery深拷贝的操作技巧,需要的朋友可以参考下
    2016-07-07
  • 基于jQuery的的一个隔行变色,鼠标移动变色的小插件

    基于jQuery的的一个隔行变色,鼠标移动变色的小插件

    基于jQuery的的一个隔行变色,鼠标移动变色的小插件,学习jquery的朋友可以参考下。
    2010-07-07
  • jquery1.4 教程三 新增方法教程

    jquery1.4 教程三 新增方法教程

    接下来几篇教程,将重点讲解jquery1.4新增的16个方法,有几个方法还是非常实用的。
    2010-02-02
  • JQuery使用数组遍历跳出each循环

    JQuery使用数组遍历跳出each循环

    这篇文章主要介绍了JQuery使用数组遍历跳出each循环,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • jQuery getJSON()+.ashx 实现分页(改进版)

    jQuery getJSON()+.ashx 实现分页(改进版)

    参考了上一篇Asp .net +jquery +.ashx 文件实现分页并作了改进:ashx返回json数据,减少传输数据量,html页面样式控制也比较灵活,感兴趣的朋友可以参考下哈
    2013-03-03
  • 突发奇想的一个jquery插件

    突发奇想的一个jquery插件

    这两天突发奇想,结果就做了一个jQ的tip插件,形状就像下面这样。会随title的多少改变大小的哟.
    2010-11-11
  • jQuery控制元素显示与隐藏的三种方式对比

    jQuery控制元素显示与隐藏的三种方式对比

    使用jquery控制div的显示与隐藏,一句话就能搞定,下面这篇文章主要给大家介绍了关于jQuery控制元素显示与隐藏的三种方式对比,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • JQuery中getJSON的使用方法

    JQuery中getJSON的使用方法

    最近有一个活动,其中的数据需要和纯静态html网站进行交互。但是由于两个网站处于不同的域名下,而Ajax的应用中,由于安全的问题,浏览器默认是不支持跨域调用的,最后选用了JQuery中的getJSON方法
    2010-12-12
  • Jquery实现无刷新DropDownList联动实现代码

    Jquery实现无刷新DropDownList联动实现代码

    随着Jquery1.4的发布,Jquery运用越来越多了,让我们来实现以前经常用到的DropDownList无刷新联动。
    2010-03-03

最新评论