zoukankan      html  css  js  c++  java
  • 图片预加载的插件使用-jquery.imgpreload.min.js

    使用方法:

     1 //图片预加载
     2 var the_images = [];//新建一个数组,然后将要加载的图片地址推入这个数组中;
     3 the_images.push( 'bg.jpg' );
     4 var loading_process = 0;
     5 jQuery.imgpreload(the_images,//开始运行预加载;
     6     {
     7         each: function()//each的意思是,每次加载完一个图片后,执行此匿名函数中的代码,本例仅仅是将图片的地址打印到页面而已,所以大家不用纠结“为什么没有看到图片”
     8         {
     9             var status = $(this).data('loaded')?'success':'error';
    10             loading_process += Math.round(100/(the_images.length));
    11             if(loading_process<100){
    12                 $('p').html(loading_process+'%');
    13             }
    14         },
    15         all: function()//all的意思是,当所有图片加载完毕之后,执行此函数体内的内容;举个例子,如果有5张图片需要预加载,则each中的function会执行5次,而all的function 只会执行一次~
    16         {
    17            
    18          }
    19     }
    );
  • 相关阅读:
    三种构建器的使用
    java class file
    JVM知识(下)
    JVM知识(上)
    初识JMM
    nginx基础配置加基础实战演示
    GitHub中webhooks的使用
    redis sentinel介绍
    redis主从复制
    【开源】.net 分布式架构之监控平台
  • 原文地址:https://www.cnblogs.com/winteronlyme/p/7639659.html
Copyright © 2011-2022 走看看