页面加载时显示loding图像... [英] Display loding image while page loading...

问题描述

我想在页面加载时显示加载图像，我使用java脚本尝试相同但是当实际加载发生时（5-7秒）浏览显示空白scree并且在实际页面加载之前图像显示一秒钟。



我尝试了什么：



i在主人的脚本下面尝试过页面

HTML

 <   div     id   =  pageloaddiv >  <   / div  >  

CSS

＃ pageloaddiv  {
  position  ：  fixed;  
  left  ：  0px;  
  top  ：  0px;  
  width  ：  100％;  
  height  ：  100％;  
  z-index  ： < span class =code-keyword> 1000;  
  background  ： < span class =code-keyword> url（'images / Preloader_10.gif'）无重复中心;  
} 

JavaScript

 $（ window ）。load（ function （）{
 $（ ＃pageloaddiv ）。fadeOut（  2000）; 
}）; 

解决方案

（ window ）。 （ function （）{

（ ＃pageloaddiv）。fadeOut（ 2000）;
}）;

试试这个

显示页面加载时的加载进度图像或使用ASP.Net进行PostBack [ ^ ]

I want to show a loading image while page loading ,i tried the same using java script but browse is displaying blank scree when actual loading is happening (5-7 seconds) and image got displayed for a second before actual page load.

What I have tried:

i have tried below script in master page
HTML

<div id="pageloaddiv"></div>

CSS

#pageloaddiv {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: url('images/Preloader_10.gif') no-repeat center center;
    }

JavaScript

$(window).load(function () {
    $("#pageloaddiv").fadeOut("2000");
});

解决方案

(window).load(function () {

("#pageloaddiv").fadeOut("2000"); });

try this
Display loading progress image when Page Loads or does PostBack using ASP.Net[^]

这篇关于页面加载时显示loding图像...的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！