博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【图片预加载】ImgLoaded★★★★★★★★★★★★
阅读量:5255 次
发布时间:2019-06-14

本文共 1467 字,大约阅读时间需要 4 分钟。

*************************************************************

第一种方法:(可以计算加载图片的数量)

css样式: /*图片预加载*/.ImgLoading{
position:absolute; width:100%; height:100%; top:0; background:#000; z-index:100; opacity:0.95}.iconImg{
position:absolute; width:40%; left:30%; top:30%;}.ImgPercent{
position:absolute; width:100%; top:60%; height:5%; text-align:center; font-size:1.8em; line-height:2em;}.wrap{
display:none;}

 

html代码: 
0%
js函数:
function ImgLoaded(){            var loadingPercent = $("#percent");            var img = $("body").find("img[v]");//图片数组    //loadsrc指图片预先加载的属性。                var length = img.length;//图片数量                var downImg = 0;//已下载数量                var percent = 0;//百分比                                    for ( var i=0;i
ImgLoaded();
 

 *************************************************************

 方法二:

 

  

 

function LoadImg(ele){
/*图片预加载*/ ele.find("img").each(function(){ $(this).attr("src",$(this).attr("v")); $(this).removeAttr("v"); }); } setTimeout(function(){Connment.LoadImg($(".swiper-container"))},500); /*执行图片预加载*/

*************************************************************

 方法三:(简单实用***************************)

$("#SwipeTarget").find("img").each(function(){      $(this).attr("src",$(this).attr("v"));      $(this).removeAttr("v"); });

 

转载于:https://www.cnblogs.com/shimily/articles/4220469.html

你可能感兴趣的文章
FancyCoverFlow
查看>>
JS博客
查看>>
如何设置映射网络驱动器的具体步骤和方法
查看>>
ASP.NET WebApi 基于OAuth2.0实现Token签名认证
查看>>
283. Move Zeroes把零放在最后面
查看>>
Visual Studio Code 打开.py代码报Linter pylint is not installed解决办法
查看>>
Python 数据类型
查看>>
S5PV210根文件系统的制作(一)
查看>>
centos下同时启动多个tomcat
查看>>
slab分配器
查看>>
数据清洗
查看>>
【读书笔记】C#高级编程 第三章 对象和类型
查看>>
针对sl的ICSharpCode.SharpZipLib,只保留zip,gzip的流压缩、解压缩功能
查看>>
【转】代码中特殊的注释技术——TODO、FIXME和XXX的用处
查看>>
【SVM】libsvm-python
查看>>
Jmeter接口压力测试,Java.net.BindException: Address already in use: connect
查看>>
Leetcode Balanced Binary Tree
查看>>
Leetcode 92. Reverse Linked List II
查看>>
九.python面向对象(双下方法内置方法)
查看>>
go:channel(未完)
查看>>