<!doctype html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>js处理预加载图片</title>

 </head>

 <img src="http://static.googleadsserving.cn/pagead/imgad?id=CICAgKDTydS8JhCsAhj6ATIIRJtOOsejnHk" alt=""/>

 <img src="http://www.jb51.net/images/logo.gif" alt=""/>

 <img src="http://imglf1.nosdn.127.net/img/Z09yMllJWHpmK2NBcnB4M2lKOFRHK2d1azFNSmFveVE1OG8vTmVJNXhZYnhycGFzOXhqckZ3PT0.jpg?imageView&thumbnail=2000y1235&type=jpg&quality=96&stripmeta=0&type=jpg" alt=""/>

 <img src="http://imgcdn.ph.126.net/OR2duCBCm0pSFr-J9FaApg==/6631284369490579486.jpg" alt=""/>

 <img src="http://imgcdn.ph.126.net/TjjGrghOlZKwrarCHGFEMQ==/294704300716273180.jpg" alt=""/>

 <img src="http://imglf2.nosdn.127.net/img/SVRrRE5mVzEvM0FRWGZSQ1RYSmdkNXFlNmhQWWRrRmdyU0N1TXdnd05KUWhNY3BRSXV3MUJRPT0.jpg?imageView&thumbnail=2000y1329&type=jpg&quality=96&stripmeta=0&type=jpg" alt=""/>

 <img src="http://imgcdn.ph.126.net/czn-UyCIDqKOQbNknCSbpg==/3750935539746209461.jpg" alt=""/>

 <body>

 <script>

     var arr1 = [

             "http://static.googleadsserving.cn/pagead/imgad?id=CICAgKDTydS8JhCsAhj6ATIIRJtOOsejnHk",

             "http://www.jb51.net/images/logo.gif",

             "http://imglf1.nosdn.127.net/img/Z09yMllJWHpmK2NBcnB4M2lKOFRHK2d1azFNSmFveVE1OG8vTmVJNXhZYnhycGFzOXhqckZ3PT0.jpg?imageView&thumbnail=2000y1235&type=jpg&quality=96&stripmeta=0&type=jpg",

             "http://imgcdn.ph.126.net/OR2duCBCm0pSFr-J9FaApg==/6631284369490579486.jpg",

             "http://imgcdn.ph.126.net/TjjGrghOlZKwrarCHGFEMQ==/294704300716273180.jpg",

             "http://imglf2.nosdn.127.net/img/SVRrRE5mVzEvM0FRWGZSQ1RYSmdkNXFlNmhQWWRrRmdyU0N1TXdnd05KUWhNY3BRSXV3MUJRPT0.jpg?imageView&thumbnail=2000y1329&type=jpg&quality=96&stripmeta=0&type=jpg",

             "http://imgcdn.ph.126.net/czn-UyCIDqKOQbNknCSbpg==/3750935539746209461.jpg",

     ];

     function loadimg(){

         var t = 0;

         Oimg = document.getElementsByTagName("img");

         for(var i=0;i<Oimg.length;i++){

             Oimg[i].onload = function(){

                 if(t == Oimg.length-1){

                     alert("加载完成");

                 }else{

                     t++;

                 }

             }

         }

     }

 loadimg();

 </script>

 </body>

 </html>

js预处理图片个人见解1的更多相关文章

  1. JS继承的一些见解

    JS继承的一些见解 js在es6之前的继承是五花八门的.而且要在项目中灵活运用面向对象写法也是有点别扭,更多的时候还是觉得面向过程的写法更为简单,效率也高.久而久之对js的继承每隔一段时间就会理解出现 ...

  2. js简单 图片版时钟，带翻转效果

    js简单 图片版时钟,带翻转效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...

  3. JS实现图片预加载无需等待

    网站开发时经常需要在某个页面需要实现对大量图片的浏览;用javascript来实现一个图片浏览器,让用户无需等待过长的时间就能看到其他图片 网站开发时经常需要在某个页面需要实现对大量图片的浏览,如果考 ...

  4. js压缩图片base64长度

    var myCanvas=$('.img-container > img').cropper('getCroppedCanvas'); (function (base64){ var image ...

  5. ASP.NET MVC中使用Dropzone.js实现图片的批量拖拽上传

    说在前面 最近在做一个MVC相册的网站(这里),需要批量上传照片功能,所以就在网上搜相关的插件,偶然机会发现Dropzone.js,试用了一下完全符合我的要求,而且样式挺满意的,于是就在我的项目中使用 ...

  6. 使用 FocusPoint.js 实现图片的响应式裁剪

    通常网站的布局都不是单一的.例如图像在电脑.平板和智能手机上可能显示的形状是不同的.特别是如果你使用的是全屏图像,在你必须使用相同的图像文件的情况下,你的主题可能会被截断或完全缺失,或者看起来很尴尬. ...

  7. Lazyr.js – 延迟加载图片（Lazy Loading）

    Lazyr.js 是一个小的.快速的.现代的.相互间无依赖的图片延迟加载库.通过延迟加载图片,让图片出现在(或接近))视窗才加载来提高页面打开速度.这个库通过保持最少选项并最大化速度. 在线演示    ...

  8. Webview加载本地js、图片的方法

    在项目开发中经常会将比较大的js.图片.css等放到app中,而html放服务器,这样在使用时流量较少,加载也比都放服务器上快,其实方法也比较多,网上搜了很久都没结果. 一种是获取服务器返回的html ...

  9. WebApp：如何让安卓的webview缓存webapp的html、js和图片等资源

    一.开发环境     客户端:安卓+webview(vuejs)     服务器端:tomcat 8.0 二.问题     使用安卓原生+web(基于webpack+vuejs)的方式开发了一个安卓应 ...

随机推荐

  1. Android项目记录点滴

    服务器端:(根据Apache POI库函数其中SlideShow表示PPT文档,Slide表示某一张幻灯片) 1.先把电脑中的PPT文件读入到一个字节数组中.(输入流-->字节数组-->输 ...

  2. 博士论文》》》 Journal,magazine,transaction,proceeding

    Journal期刊:刊登关于某特殊主题的文章的期刊 magazine杂志:综合性内容的期刊 transactions(学会等的)议事录,会报,会刊 proceedings记录, 会议录; 年[学]报; ...

  3. 非GUI-Qt程序运行后显示Console（简单好用）

    ----我的生活,我的点点滴滴!! 有很多时候,我们在程序中添加了好Debug信息,方便程序在运行期间打印出一些我们需要的信息或者,想用他来显示一些必要信息时, 那么console就太重要了,曾几何时 ...

  4. javascript预加载和延迟加载

    延迟加载javascript,也就是页面加载完成之后再加载javascript,也叫on demand(按需)加载,一般有一下几个方法: What can your tired old page, o ...

  5. POJ1042 Gone Fishing

    采用贪心策略. 假设他从1湖泊走到x 湖泊,这还剩下 h*12 - sigma(T1--Tx-1).(单位时间为5分钟).然后再用剩下的时间去钓1-x的湖泊的鱼. 每次都选择最多鱼的湖泊钓. code ...

  6. Sublime-text 自己定义快捷键攻略

    好吧.我承认今天非常悲剧,本来上午就写好了这篇博文,公布之后,在自己的博文里怎么也找不到. 所以如今又又一次写了一份.希望大家能顶一下吧...Nothing is better than your s ...

  7. OAuth2 for asp.net web api

    在上篇文章中我研究了OpenId及DotNetOpenAuth的相关应用,这一篇继续研究OAuth2. https://github.com/DotNetOpenAuth http://www.cnb ...

  8. C#中T的用法

    之前一直用List<T>这样的泛型,看到过有些参数类型也可以直接用T的,觉得很好用,但是一直用不了,现在才发现原来是少加了<T> public T getdate<T&g ...

  9. Caused by: java.lang.UnsupportedClassVersionError: com/zy/example/domain/Student : Unsupported major.minor version 51.0

    JVM的版本比jdk的版本老,即JVM的版本低于jdk的版本.换个新版本的就可以解决问题.

  10. 在什么情况下使用exist和in

    http://www.itpub.net/thread-406784-4-1.htmlYou Asked (Jump to Tom's latest followup) Tom: can you gi ...