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     }
    );
  • 相关阅读:
    window.open
    GetPostBackClientHyperlink
    引发和使用事件
    浅谈宝宝的教育及培养
    C#关键字之:base、this
    Ioc
    自定义input[type="radio"]的样式
    选择_冒泡_直接插入排序.md
    Tkinter.md
    从零开始学wordpress 之一
  • 原文地址:https://www.cnblogs.com/winteronlyme/p/7639659.html
Copyright © 2011-2022 走看看