javascript - Css Yükleniyor Ibaresi
Eger sayfanizda fazla resim, yazi varsa yüklenmesi uzun sürebilir. Ve bu sayfanizin kötü gözükmesine sebep olabilir. Sayfanin kötü gözükmesini önlemek için asagidaki yöntemi kullanabilirsiniz.
Belirli bir süre yükleniyor ifadesini gösteriyor ve arkaplanda sayfayi yükletiyoruz.
Süre geçtikten sonra yükleniyor ifadesi kayboluyor, sayfa hizlica açiliyor.
<html>
<head>
<title>Örnek Çalisma</title>
</head>
<style>
#durum {width:100px;padding: 1px;background: white;border-right-width: 1px;border-bottom-width: 1px;
border-left-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;
border-right-color: #666666;border-bottom-color: #666666;border-left-color: #666666;
}
#yuzdesi {font-family:Verdana; font-weight:bold; color:#6C6C6C; font-size:11px;}
.yukle{font-family: verdana;font-weight: bold;color: #666666;background-color: #F0F3E1;
width:260px;font-size:11px;padding:1px;border: 1px solid #666666;}
</style>
<script>
var kademe=2; // sayfanizda resim, yazi çok ise 2'ten küçük bir sayi girin
var yuzde=0;
function fthrkl (){
yuzde=yuzde+kademe;
document.getElementById('gosterge').style.width=yuzde +"%";
document.getElementById('yuzdesi').innerHTML=yuzde + "%";
if (yuzde<100){setTimeout('fthrkl()',20)}
else{
document.getElementById('yuklenmealani').style.display="none";
document.getElementById('ana').style.display="block";
}
}
</script>
<body onload="return fthrkl();">
<div id="yuklenmealani"
style="">
<div class="yukle">Sayfa Yükleniyor.</div><div id="durum" style="margin-bottom:5px; width:260px;"><div id="gosterge" style="width:0; background:#DFDFDF;"><span id="yuzdesi">0%</span></div>
</div>
</div>
<div id="ana" style="display:none;">
Sitemizin içerigi buraya gelecek<br>Sitemizin içerigi buraya gelecek<br>
Sitemizin içerigi buraya gelecek<br>Sitemizin içerigi buraya gelecek<br>
</div>
</body>
</html>
Yükleme isleminden sonra gösterilecek resimleri, yazilari, nesneleri vs "ana" adli div'in içine koyacaksiniz.
Iyi çalismalar...
En Çok Okunanlar
En Çok Arananlar