loading

cruelstroke · 23.09.2002

bir kişisel site hazırlıyorum. grafik ağırlıklı ve tam açılmadan önce bozuk görünüyor. site açılmadan önce "yükleniyor.." yazısı gelmeli ve yüklenince tamamen görüntülenmeli. bunu nasıl yapabilirim? (bunu HTML bir sitede daha önceden görmüştüm)

emremer · 23.09.2002

http://dynamicdrive.com bu adresten bulabilirsin..

cruelstroke · 23.09.2002

DHTML script yerine java script düşünmüştüm ama farketmez tabii.
yalnızsitede 2-3 bölüme baktım bulamadım, arama motoruda yok.
kodu buraya direk verebilecek yokmu?

Scud · 24.09.2002

http://search.freefind.com/find.html...&query=preload

cruelstroke · 24.09.2002

teşekkürler scud.

onin · 24.09.2002

Kod:

<HTML>
<head>
<title>TURKGRAF - Sayfa Yüklenirken lütfen Bekleyin!...</title>
<style>
<!-- 
A { color:D0B820; TEXT-DECORATION: none }
A:link { COLOR: D0B820; TEXT-DECORATION: none }
A:visited { COLOR: D0B820; TEXT-DECORATION: none }
A:hover { COLOR: D0B820; TEXT-DECORATION: none}
-->
</style>
<script language="JavaScript1.1">
<!-- 
	var locationAfterPreload = "giris.htm"
	var lengthOfPreloadBar = 225 
	var heightOfPreloadBar = 20
	var yourImages = new Array("img/ana.gif",  "img/yuk.gif" ,  "img/orta.gif" ,  "img/down.gif" ,  "img/haber_ust.gif" ,  "img/dostlar.gif"  ,  "img/dostlar2.gif"  ,  "img/dostlar3.gif"  ,  "img/kunye.gif"  ,  "img/galeri.gif"  ,  "img/dersler.gif"  ,  "img/back.jpg")
	
if (document.images) {
	var dots = new Array() 
	dots[0] = new image(1,1)
	dots[0].src = "img/yukleniyor.gif" 
	dots[1] = new image(1,1)
	dots[1].src = "img/preload.gif" 
	var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
	var loaded = new Array(),i,covered,timerID
	var leftOverWidth = lengthOfPreloadBar%coverage
}
function loadImages() { 
	for (i = 0; i < yourImages.length; i++) { 
		preImages[i] = new image()
		preImages[i].src = yourImages[i]
	}
	for (i = 0; i < preImages.length; i++) { 
		loaded[i] = false
	}
	checkLoad()
}
function checkLoad() {
	if (currCount == preImages.length) { 
		location.replace(locationAfterPreload)
		return
	}
	for (i = 0; i <= preImages.length; i++) {
		if (loaded[i] == false && preImages[i].complete) {
			loaded[i] = true
			eval("document.img" + currCount + ".src=dots[1].src")
			currCount++
		}
	}
	timerID = setTimeout("checkLoad()",10) 
}
// -->
</script>

</head>

<body bgcolor="#3582C3">
<br><br><br><br><br><br><br><br>
<center><img border="0" src="img/bitek.gif" width="80" height="47"></center><div align="center"><br><br>
  <center>
  <table border="0" cellpadding="0" cellspacing="0" width="624" height="80" style="border: 0px solid #C0C0C0; border-collapse:collapse">
    <tr>
      <td width="624" height="80">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" height="5">
        <tr>
          <td width="100%" height="5" align=center><font color="#000000" face="Verdana" size="1">
          GRAFIKLER YUKLENIRKEN LUTFEN BEKLEYIN..</font><p>
          <font face="Verdana" size="1">PLEASE WAIT ! WHILE LOADING GRAPHICS..</font><p>
          <font face="Verdana" size="1">TAHMİNİ YÜKLEME SÜRESi (56-K) 3 DK.
          </font></td>
        </tr>
        <tr>
          <td width="100%" height="5"></td>
        </tr>
      </table>
      <p align="center">
      </p>
  </center>
      <div align="center">
        <center>
<table border="0" cellpadding="0" cellspacing="0" bgcolor=#1D5787 bordercolor="#808080" style="border: 1px solid #000000; border-collapse:collapse" height="1">
  <tr>
    <td height="1">
	<script language="JavaScript1.1">
	<!-- 
	if (document.images) {
		var preloadBar = ''
		for (i = 0; i < yourImages.length-1; i++) {
			preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">'
		}
		preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">'
		document.write(preloadBar)
		loadImages()
	}
   // -->
    </script>
   </td>
  </tr>
</table>
        </center>
      </div>
  <center>
<p>
<script language="JavaScript1.1">
<!--
document.write('<p><font face="Verdana" size="2"><a href="giris.htm">Yüklemeyi Geç ! / SKIP</a></font></p>')
// -->
</script>
      </td>
    </tr>
  </table>
  </center>
</div>

</body>
</HTML>

yukleniyor.gif ve preload.gif

son olarakda açılacak olan sayfa benim verdiğim kodda giris.htm'deki sayfanın başınada

Kod:

<script language="JavaScript">
  var x="zero";

function ShowMessage(tform)
     {
            tform.submit_button.disabled=1;
	    tform.submit_button.value = "Bekleyiniz..!";
	    document.forms[0].submit();
     }
     
</script>

cruelstroke · 25.09.2002

hemen denicem onin teşekkürler

23.09.2002	#1 (permalink)
cruelstroke Üyelik Tarihi: 12.12.2001 Yer: Samsun Yaş: 23 Mesaj: 1,222	loading bir kişisel site hazırlıyorum. grafik ağırlıklı ve tam açılmadan önce bozuk görünüyor. site açılmadan önce "yükleniyor.." yazısı gelmeli ve yüklenince tamamen görüntülenmeli. bunu nasıl yapabilirim? (bunu HTML bir sitede daha önceden görmüştüm)

23.09.2002	#2 (permalink)
emremer Üyelik Tarihi: 02.11.2001 Yer: Viyana, İstanbul Yaş: 31 Mesaj: 1,019	http://dynamicdrive.com bu adresten bulabilirsin.. __________________ Z:web 2.0 As Flowers E-kart Düşünüyorum Öyleyse e-Varim Emre Murat Tatar Duyarlı Gençlik TR

24.09.2002	#4 (permalink)
Scud Üyelik Tarihi: 25.08.2001 Yer: Antalya Yaş: 27 Mesaj: 970	http://search.freefind.com/find.html...&query=preload __________________ Take me back to my boat on the river and I won't cry out any more

23.09.2002	#3 (permalink)
cruelstroke Üyelik Tarihi: 12.12.2001 Yer: Samsun Yaş: 23 Mesaj: 1,222	DHTML script yerine java script düşünmüştüm ama farketmez tabii. yalnızsitede 2-3 bölüme baktım bulamadım, arama motoruda yok. kodu buraya direk verebilecek yokmu?

24.09.2002	#5 (permalink)
cruelstroke Üyelik Tarihi: 12.12.2001 Yer: Samsun Yaş: 23 Mesaj: 1,222	teşekkürler scud.

25.09.2002	#7 (permalink)
cruelstroke Üyelik Tarihi: 12.12.2001 Yer: Samsun Yaş: 23 Mesaj: 1,222	hemen denicem onin teşekkürler

Sponsorlu Bağlantılar
Zoque.Forum Reklam