`

[jQuery代码]如何使用javascript/jQuery预先加载图片

阅读更多

日期:2012-4-26  来源:GBin1.com

下面这段代码可以有效的帮助你预先加载图片。

(function($) {
  var cache = [];
  //参数是图片相对于当前页面的路径
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

然后,你可以使用如下方法来调用:

jQuery.preLoadImages("gbin1logo.png", "/path/gbin1.png");

当然,其实上面代码并没有使用jQuery独有的方法,所以你可以直接使用javascript来调用如上preLoadImages方法

 

来源:[jQuery代码]如何使用javascript/jQuery预先加载图片

分享到:
评论

相关推荐

    jquery 弹出窗口,可缩放,可拖拽

    预先缓存皮肤图片更快响应…… 跨平台兼容 兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。并且IE6下也能支持现代浏览器的静止定位(fixed)、覆盖下拉控件、alpha通道png背景。

    stepy-form:一个简单的插件,可将长格式分为几个步骤

    要使用jQuery Stepy Form,必须在代码中预先包含jQuery和jQueryUi库。 ##用 在HTML中包含jQuery和jQuery UI 。 包括插件文件 将表单的内容划分为div,每一步一个。 必须为每个div分配step-step类 初始化插件 &...

    javascript制作幻灯片(360度全景图片)

    在这个教程中没有使用到任何插件,我们将使用HTML,css和javascript来实现,当然,也使用是jQuery这个框架! 如何实现? 我们将使用预先按照360生成的图片进行轮播来实现动画展示效果。包含了180个图片。所以加载...

    jQuery学习笔记之jQuery+CSS3的浏览器兼容性

    CSS3充分吸收多年了web发展的需求,吸收...jQuery通过预先的javascript编程,提供了几乎所有css3标准下的选择器。开发者可以利用这些选择器轻松选择各种元素。供javascript编程使用。 代码如下: <script type=”tex

    CanvasFilmMovie:canvasFilmAnimation jquery 插件

    由于使用jquery-easing进行缓动,所以需要提前加载jquery-easing。 不支持以下缓动,因为它是采用近似值的规范。 缓入后退 缓出后退 缓出后退 缓入弹性 缓出弹性 缓入缓出弹性 缓入弹跳 缓出弹跳 缓入缓出 ## ...

    bootstrap-4-autocomplete:Bootstrap 4和jQuery的简单autocompletetypeahead

    Bootstrap 4自动完成 Bootstrap 4和jQuery的非常小的(小于2Kb)自动完成/预先输入。 它使用Bootstrap 4中的默认组件创建自动完成项列表。安装您可以从npm获取它: npm install bootstrap-4-autocomplete或者您可以...

    jQuery浏览器CSS3特写兼容实例

    本文实例讲述了jQuery浏览器CSS3特写兼容的方法。分享给大家供大家参考。具体分析如下: CSS3充分吸收多年了web...jQuery通过预先的javascript编程,提供了几乎所有css3标准下的选择器。开发者可以利用这些选择器轻松选

    CanvasSplitMovie:canvasSplitAnimation jquery 插件

    #CanvasSplitMovie ...需要在另一个轴上预先加载要使用的精灵图像。 ###加载描述示例 url = "img/sprite.jpg"; ImgData = new Image(); ImgData.onload = (function() { //処理内容を記述 }); ImgData.src

    fontselect-jquery-plugin:Google Web字体api的字体选择器

    选项Fontselect有一个参数,您可能要自定义一个选项对象: style:提供新字体选择器的类占位符:尚未选择字体时要使用的文本前瞻:多种字体可以尝试在选择框中预先加载 $('input.fonts').fontselect({ style: 'font-...

    jQuery的进度条插件BootstrapProgressbar.zip

    它通过添加 Javascript 中预先存在的 CSS 转换提供了动态进度条。此外,你可以在动态进度条中通过回调显示当前进度信息。代码示例:default valuesProgressbar.defaults = {  transition_delay: 300,  refresh_...

    Bootstrap3-typeahead.js-use-in-Codeigniter:使用 Codeigniter 中的预先输入功能

    在 jQuery 和 Bootstrap Javascript 之后将它包含在您的源代码中。 ###控制器 <?php defined ( 'BASEPATH' ) OR exit ( 'No direct script access allowed' ); class Home extends CI_Controller { public...

    P2-JS-JQuery:jQuery 介绍

    #P2:交互式简历##项目概况在这个项目中,您将编写 JavaScript,为您自己的交互式简历提供支持。 该项目旨在在参加 Javascript 基础课程时完成。 在整个课程中,您将通过编写 JS 脚本来构建您的简历,该脚本将您的...

    blast.js:Blast 是一个用 JavaScript 编写的小巧而强大的双向数据绑定框架

    使用以下命令运行 C​​ode Coverage(预先运行 npm install istanbul 和 npm install mocha) 伊斯坦布尔封面 --hook-run-in-context node_modules/mocha/bin/_mocha -- -R 规范 其他依赖:jsdom、chai。

    GWFSelect-for-jQuery-UI:jQuery UI的Google WebFont选择下拉小部件

    该版本使用jQuery UI的小部件工厂来提供标准工具,以编程方式访问和操纵插件的状态。用法在页面上包括jQuery,jQuery UI和。 创建一个常规文本输入以用作字体选择器(可以预先填充字体名称)。 在输入上调用$....

    isotopeDropdownFilters:一个 jQuery 插件,可以使用 Isotope 插件轻松合并下拉列表和过滤

    一个 jQuery 插件,使用 Isotope 插件提供预先打包的下拉列表和过滤 查看演示: : 分叉: 克隆这个仓库:git clone 安装 NPM 和 Bower 依赖项:npm install && bower install 运行咕噜声:$ grunt 在 ...

    ReactChat:在React + TypeScript + Redux中重写了ServiceStack jQuery Chat

    React Chat是使用基于npm的React App VS.NET SPA模板开发的,该模板提供了一个高效的集成解决方案,用于在VS.NET中构建现代复杂JavaScript单页应用程序,其中包括以下一流的组件: 具有可选类型,高级语言功能和...

    jquery.clouds:jQuery的滚动动画

    jQuery云 Clouds是一个jQuery插件,可显示在天空中移动的云。 它预先配置了云的图像图,但可以与任何您喜欢的东西一起使用自定义图像图,仅受您的想象力限制。 为什么不尝试飞行农场动物呢? 文档: :

    weiboUploader-水印:新浪微博图床批量传图工具复制-缩放-水印-生成链接一键搞定

    微博图床/本地图床基于PHP的新浪微博图床批量传图工具,上传-缩放-水印-生成链接一键搞定演示地址微博图床: //yantuz.cn/weiboUploader-Watermark/本地版: ://img1.yantuz.cn/以上地址预先演示,长期使用建议自己...

    Building_Own_Library_with_Javascript

    JavaScript库是预先编写JavaScript的库,可简化基于JavaScript的应用程序的开发 QuerySelector和($) querySelector()方法返回与文档中指定CSS选择器匹配的第一个元素。$表示jQuery Function,实际上是jQuery的...

Global site tag (gtag.js) - Google Analytics