..::MERENY-ZONE::..
Bine ai veniti in comunitatea MERENY-ZONE !

1.Citi Regulamentul Inainte de a posta !

2.Nu Injurati/Jigniti Membri din comunitate !

3.Fara Reclame !

Va rugam sa va Inregistrati !!!

..::MERENY-ZONE::..


 
AcasaCalendarFAQCautareMembriGrupuriInregistrareConectare

Distribuiţi | 
 

 Loading Screen

In jos 
AutorMesaj
mario
 Moderator Global
 Moderator Global
avatar

Numarul mesajelor : 325
Data de inscriere : 07/08/2009
Varsta : 24
Localizare : mereni city

MesajSubiect: Loading Screen   Vin Ian 14, 2011 5:46 am

A loading screen script built using JavaScript and CSS. This script displays a loading screen covering the visible area of the web page until the web page has finished loading, when the web page is then made visible to the user.



Cod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<title>Loading Screen Script</title>
   
<meta name="title" content="Loading Screen Script" />
<meta name="author" content="Programmer Central" />

<meta http-equiv="Content-Type" content="text/html; charset='UTF-8'" />

<script type="text/javascript">
(function()
{   
  if (window.addEventListener)
  {
    window.addEventListener("load", hide_loading_screen, false);   
  }
  else
  {
    window.attachEvent("onload", hide_loading_screen);
  }
})();

function display_loading_screen()
{
  document.getElementById("loading_screen").style.display = 'block';
}

function hide_loading_screen()
{
  document.getElementById("loading_screen").style.display = 'none';
}
</script>

<style type="text/css">
#loading_screen

  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: black;
  color: white; 
  text-align: center;
  padding-top: 100px;
}
</style>

</head>

<body>

<div id="loading_screen">
  <h1>Loading...</h1>
  <h3>Please Wait...</h3>
</div>

<script type="text/javascript">display_loading_screen();</script>

<h1>Loading Screen Script</h1>

<p>Below are two large images so that you can see the loading screen in action.</p>

<p>Image: <a href="http://www.freedigitalphotos.net">FreeDigitalPhotos.net</a>
<img src="images/loadingscreen/image1.PNG" alt="Example Image 1" /></p>

<p>Image: <a href="http://www.freedigitalphotos.net">FreeDigitalPhotos.net</a>
<img src="images/loadingscreen/image2.PNG" alt="Example Image 2" /></p>

</body>

</html>
Sus In jos
Vezi profilul utilizatorului
mario
 Moderator Global
 Moderator Global
avatar

Numarul mesajelor : 325
Data de inscriere : 07/08/2009
Varsta : 24
Localizare : mereni city

MesajSubiect: Re: Loading Screen   Vin Feb 04, 2011 6:13 am

Demo---->>>>>>>> [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

____________________________________
"Cine nu cade nu se poate inalta"
Sus In jos
Vezi profilul utilizatorului
HappyFighter
Membru de Elita
Membru de Elita
avatar

Numarul mesajelor : 406
Data de inscriere : 07/12/2009
Varsta : 20
Localizare : Moldova/Mereny

MesajSubiect: Re: Loading Screen   Vin Feb 04, 2011 10:28 pm

e cam lung script-ul. se putea face mult mai scurt dar oricum e bun bounce bounce Razz
Sus In jos
Vezi profilul utilizatorului
mario
 Moderator Global
 Moderator Global
avatar

Numarul mesajelor : 325
Data de inscriere : 07/08/2009
Varsta : 24
Localizare : mereni city

MesajSubiect: Re: Loading Screen   Sam Feb 05, 2011 2:32 am

mai scurt mai simplu, mai lung mult mai normal Wink

____________________________________
"Cine nu cade nu se poate inalta"
Sus In jos
Vezi profilul utilizatorului
HappyFighter
Membru de Elita
Membru de Elita
avatar

Numarul mesajelor : 406
Data de inscriere : 07/12/2009
Varsta : 20
Localizare : Moldova/Mereny

MesajSubiect: Re: Loading Screen   Sam Feb 05, 2011 3:38 am

mario a scris:
mai scurt mai simplu, mai lung mult mai normal Wink

pai, daca zici tu! pur si simplu asta e parerea mea - Cu cit mai simplu cu atit mai "aranjat" si "stilat"
Sus In jos
Vezi profilul utilizatorului
Continut sponsorizat




MesajSubiect: Re: Loading Screen   

Sus In jos
 
Loading Screen
Sus 
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
..::MERENY-ZONE::.. :: ...:::Diverse:::... :: ...:::Coding:::...-
Mergi direct la: