preloadImages

未知
JavaScript
跨平台
2008-09-19

preloadImages makes it easy to preload any image, or a list of images. Just call $.preloadImages(['myimage1.jpg', 'myimage2.jpg']); and it'll do all the work for you - preloading one image at a time. This is controlled via a queue, so images at the start of the queue are preloaded first.

Normal usage:
Add to end of queue and start preloading.
$.preloadImages(['1.jpg', '2.jpg', '3.jpg']);

Add:
Add to end of queue, but don't start preloading.
$.preloadImages.add(['1.jpg', '2.jpg', '3.jpg']);

Prepend:
Prepend to start of queue, but don't start preloading.
$.preloadImages.prepend(['1.jpg', '2.jpg', '3.jpg']);

Clear:
Clear the queue.
$.preloadImages.clear();

Stop:
Stop processing the queue, but don't clear it.
$.preloadImages.stop();

Start:
Start processing the queue.
$.preloadImages.start();

Direct manupulation
Directly manipulate the queue as a normal array of image URLs.
$.preloadImages.imageQueue

加载中

评论(0)

暂无评论

暂无资讯

暂无问答

几个使用jQuery的图片预加载函数

最近项目中用到的一个功能,用户进入网站时显示loading页面,直到主页的几个大图片加载完成才渐隐进入主页。自己写了个插件,看起来结构挺糟糕的,不好意思放到项目里。在网上搜现成的,还挺...

2013/10/12 14:34
114
0
10 个很棒的 jQuery 代码片段

图片预加载 (function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length; for (var i =...

2014/02/08 15:39
11
0
[jQuery代码]如何使用javascript/jQuery预先加载图片

日期:2012-4-26 来源:GBin1.com 下面这段代码可以有效的帮助你预先加载图片。 (function($) {   var cache = [];   //参数是图片相对于当前页面的路径   $.preLoadImages = function()...

2012/04/27 14:26
137
0
JQuery 实用的代码片段

JQuery 实用的代码片段 现在前台开发少不了会使用的 jquery. JQuery 是 JavaScript 最流行的库。能大大加速我们操作 HTML 元素。并且保证不同浏览器的兼容性,下面就来一些常用的 操作实例吧...

2014/07/19 16:11
26
0
程序员都会的 35 个 jQuery 小技巧

1. 禁止右键点击 ? 1 2 3 4 5 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 ? 1 2 3 4 5 6 7 8 9 10 11 12 1...

2015/11/16 13:51
6
0
可以直接拿来用的15个jQuery代码片段(收藏!!!)

1.预加载图片 (来源csdn) 1 2 3 4 5 6 7 8 9 10 11 12 (function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { va...

2013/07/17 10:32
66
0
25个实用的jQuery技巧和解决方案(转自www.jqueryba.com)

1. 去除页面的右键菜单 $(document).ready(function(){ $(document).bind(“contextmenu”,function(e){returnfalse;});}); 2、搜索输入框文字的消失 当鼠标获得焦点、失去焦点的时候,input...

2012/08/25 08:57
62
0
jquery基础小杂烩(一)

一、规范说明 <一>、请给你的代码加上注释 很多人都不喜欢加注释,嫌太麻烦了,这是个非常糟糕的习惯。 世界不存在百分百的完美的jquery插件,注释不止是给别人看、更重要的是给自己看。 应该...

2013/09/01 23:39
58
1

没有更多内容

加载失败,请刷新页面

返回顶部
顶部