html sitede preloader ?

15-10-2009, 10:46:14

Slm. arkadaşlar. html ile hazırlanmış java scriptlerle harektlendirilmiş, ve büyük boyutlu resimler kullandığmız siteninin url si çağırıldığında, flash da olduğu gibi önce sayfadaki grafikleri ve içeriği yükleyip sonra ziyaretciye sayfayı göstermesini istiyorum.
site flash değil. html bir siteyi "yükleniyor %30 " gibi bir şekilde preloading uygulaya bilirmiyiz?
biraz araştırma yaptım fakat hep flash siteler için örnekler var.
bu işleme status bar da diyorlar galiba.

15-10-2009, 17:53:47

#2

LordEspoir

tam anlamadım ama bir index yaparsın %1 2 3 diye sayar 100 e kadar bide sayfa yönlendirme kodu koyarsın 100 sn. yaparsın 100 sn sonra yönlenmiş olur

15-10-2009, 22:54:05

#3

cocainer

mence.net adlı üyeden alıntı: mesajı görüntüle

Slm. arkadaşlar. html ile hazırlanmış java scriptlerle harektlendirilmiş, ve büyük boyutlu resimler kullandığmız siteninin url si çağırıldığında, flash da olduğu gibi önce sayfadaki grafikleri ve içeriği yükleyip sonra ziyaretciye sayfayı göstermesini istiyorum.
site flash değil. html bir siteyi "yükleniyor %30 " gibi bir şekilde preloading uygulaya bilirmiyiz?
biraz araştırma yaptım fakat hep flash siteler için örnekler var.
bu işleme status bar da diyorlar galiba.

<head></head> arasına;

<script type="text/javascript">
	var locationAfterPreload = "main.php" // Preloaddan sonra gidecek adres
            var lengthOfPreloadBar = 150 // Preload bar genişliği (pixel)
            var heightOfPreloadBar = 2 // Preload bar yüksekliği (pixel)
            // Preload barın yükleyeceği dosyalar
            var yourImages = new Array("images/1.gif","images/2.gif","images/3.jpg","images/4.png")
            
        if (document.images) {
            var dots = new Array() 
            dots[0] = new Image(1,1)
            dots[0].src = "images/000000.gif" // Preload bar zemin rengi
            dots[1] = new Image(1,1)
            dots[1].src = "images/ff3048.gif" // Preload bar maske rengi
            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>

<bod></body> arasına;

<script type="text/javascript">
                            document.write('%0 &nbsp;')
							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()
									}
									document.write('&nbsp;%100&nbsp;Sayfa yükleniyor, lütfen bekleyiniz..')
                            </script>

16-10-2009, 01:56:18

#4

mence.net

LordEspoir ilgi ve alakana teşekkür ederim. ama amacımız geri sayması değil,sayfanın tamamının yüklendiği ansa görülebilir hale gelmesi.

cocainer: zahmet ettiğin için teşekkürler. fakat bu kodlarda, sayfadaki resimlerin,imagelerin yüklenmesi bekleniyor. fakat bizim komple site javascriptlerden vs ötürü yavaş. dolayısıyla komple sayfadaki herşey yükleninceye kadar bir preloader lazım

16-10-2009, 11:11:22

#5

cocainer

mence.net adlı üyeden alıntı: mesajı görüntüle

LordEspoir ilgi ve alakana teşekkür ederim. ama amacımız geri sayması değil,sayfanın tamamının yüklendiği ansa görülebilir hale gelmesi.
cocainer: zahmet ettiğin için teşekkürler. fakat bu kodlarda, sayfadaki resimlerin,imagelerin yüklenmesi bekleniyor. fakat bizim komple site javascriptlerden vs ötürü yavaş. dolayısıyla komple sayfadaki herşey yükleninceye kadar bir preloader lazım

hmm bende zamanında aramıstım ama sadece resımlerı yukleyebılmıstım bu sekılde zaten oda yetmıstı butun img dosyalarını yukledıkten sonra jslerin fazla uzun surecegını sanmıyorum.

16-10-2009, 12:09:47

#6

mence.net

cocainer: teşekkür ederim. bakalım bulabilecek miyiz. güzel olur diye düşünmüştüm html sitede bir preload

16-10-2009, 12:23:56

#7

~~wolqen~~

Üyeliği durduruldu

volkanbagcali.net boyle birşeymi

16-10-2009, 12:28:55

#8

plaketkupa

Bütün sayfan yüklenene kadar syfanın ortasında "Sayfa Yükleniyor Lütfen Bekleyiniz" gibi bir uyarı çıkartmak istiyorsan eğer bendeki kod en kısa olanıdır ve sayfan tamamen yüklenene kadar uyarı çıkar.

<head></head> tagları arasına bu kodu koyun

<SCRIPT LANGUAGE="JavaScript">
function sayfayukle() {
if (document.layers) {
document.yukleniyor.visibility = 'hidden';
}
else {
document.all.yukleniyor.style.visibility = 'hidden';
   }
}
 </script>

<body> tagı başlangıcınıda aşağıdaki şekilde yapınız.

<body bgColor="white" OnLoad="sayfayukle()">
<img src="http://www.seninsiten.com/yukleniyor.gif" id="yukleniyor" style="position: absolute; left:40%; top:50%;" width="258" height="145">

09-01-2010, 23:52:39

#9

EuDownload

bunun flash sitelerde nasıl kullanılacağını bilen bir arkadaş varmı acaba ?