Html preloader

Cut_Lee_Amm · 29/09/2007, 01:43

Arkadaşlar birçok sitede gördüm, ancak araştırmalarım sonucu birşey bulamadım.
Html veya php sitelerde önyükleyici koyuyorlar, grafiksel olarak ilerliyor, anasayfanın tamamı yüklendiğinde anasayfayı açıyor.

Birkaç bişey buldum ama şu şekilde:
Yalnızca sayfanın ortasında yükleniyor.gif çıkıyor, veya bulduklarımın hiçbirisi % olarak göstermedi zaten.

Benim istediğim ise:
Ana sayfa arkaplan'da açılacak, ön tarafta ise preloader olacak. Css ile opacity'i 0.7 falan yaparsam, arkaplan yani anasayfa istediğim şekilde görünür.Ortaya da yükleniyor.gif resmi koyduğumda veya grafiksel olarak % gösterdiğim zaman iş tamamdır diye. Ancak bunu yapabilmem için gerekli javascript kodlarını bulamadım bir türlü.

Yardımcı olabilirseniz sevinirim ...

mTuran · 29/09/2007, 02:04

http://www.dynamicdrive.com/dynamici...eloadimage.htm

Cut_Lee_Amm · 29/09/2007, 14:00

Örneği inceledim ancak biraz karışık geldi bana.
var yourImages = new Array => bölümüne gerekli resimleri ekledim, üste gerekli adresi yazdım. Ancak sayfanın tamamı yüklenmeden beni yönlendiriyor yazdığım sayfaya.

Eretna · 29/09/2007, 17:15

bu işi bende bi ara araştırdım ama ne yazıkki bende çok sağlam bir veri bulamadım.
www.gezginler.net adresinde buna örnek olarak bir html loader var istersen bir gözat

Cut_Lee_Amm · 04/10/2007, 02:47

Arkadaşlar aslında araştırmalarım sonucu yapılması gerekenin oldukça basit olduğunun farkına vardım.

Bu kodu body'e ekleyin;

Alıntı:

onload="loadImages()"

Aşağıdaki kodu ise, body'nin hemen altına ekleyebilirsiniz. Bu kısım sayfanın yükleniyor kısmıdır, anasayfanız yüklenene kadar burası gösterilir, daha sonra ise bu kodların hemen altından başlayan gerçek sayfanız açılır.

Alıntı:

<div id="hidepage"
style="position: absolute;
left:0px;
top:0px;
background-color: #333333;
layer-background-color: #333333;
height: 1280px;
width: 100%;
z-index:750;
filter: alpha(opacity=100);
opacity: .10;
-moz-opacity:0.5;
">
<table width="100%" align="center">
<tr><td class="preload" valign="top" align="center">
<br><br>
Yükleniyor Lütfen Bekleyin.</td></tr></table>
</div>

"Yükleniyor Lütfen Bekleyin." yerin resim vb. ekleyebilirsiniz. Herhangi bir sorun çıkmamakta.

Css dosyasında ise, üstte tanımaladığımız "preload" için gerekli düzenlemeleri yapmanız, görünüm açısından daha etkileyici olacaktır.Eğer ki css dosyanız bulunmuyorsa class="preload" kısmını silebilir veya css dosyası oluşturabilirsiniz. Css'nizi yeni oluşturuyorsnaız <head> - </head> arasında aşağıdaki kodu eklemeyi unutmayın.
[quote]<link rel="stylesheet" type="text/css" href="cssdosyasininadi.css">/QUOTE]

Üstteki kodlarda "-moz-opacity:0.5;" ile ayfanın saydamlığını ayarlayabileceğiniz gibi, diğer kodlar ile oynayarak da sayfanın özelliklerini değiştirebilirsiniz ...

Saygılarımla

Edit:
Unutmadan head - /head arasına aşağıdaki kodları da eklemeniz gerekiyor;

Alıntı:

Bigsnow · 04/10/2007, 04:41

güzel bende arıyordum saol

CoolBlack · 07/05/2008, 17:14

Teşekkürlerde dediklerini 1 e 1 yaptım.ancak yükleniyor yazısı sabit kalıyor.Normal sayfama geçmiyor?

29/09/2007, 01:43	#1 (permalink)
Cut_Lee_Amm Üye Üyelik Tarihi: 02/2007 Mesaj: 140	Html preloader Arkadaşlar birçok sitede gördüm, ancak araştırmalarım sonucu birşey bulamadım. Html veya php sitelerde önyükleyici koyuyorlar, grafiksel olarak ilerliyor, anasayfanın tamamı yüklendiğinde anasayfayı açıyor. Birkaç bişey buldum ama şu şekilde: Yalnızca sayfanın ortasında yükleniyor.gif çıkıyor, veya bulduklarımın hiçbirisi % olarak göstermedi zaten. Benim istediğim ise: Ana sayfa arkaplan'da açılacak, ön tarafta ise preloader olacak. Css ile opacity'i 0.7 falan yaparsam, arkaplan yani anasayfa istediğim şekilde görünür.Ortaya da yükleniyor.gif resmi koyduğumda veya grafiksel olarak % gösterdiğim zaman iş tamamdır diye. Ancak bunu yapabilmem için gerekli javascript kodlarını bulamadım bir türlü. Yardımcı olabilirseniz sevinirim ...

04/10/2007, 04:41	#6 (permalink)
Bigsnow $hayat->olmazolsun(); Üyelik Tarihi: 03/2007 Yer: Antalya Mesaj: 798	güzel bende arıyordum saol __________________ [ Buraya Reklam Alınır. 5 YTL ]

Benzer Konular
Konu	Konuyu açana göre	Forum	Cevap	En Son Mesaj
Flash Mx 2004 preloader :s	atakandemirkir	Flash / Director / Swift 3D ...	0	09/03/2006 16:42
Preloader Örneği	slay3r	Flash / Director / Swift 3D ...	0	08/10/2005 16:36
Preloader acele yardım!!!	Spion-Agent	Web Tasarım	0	23/08/2005 14:18
a.html deki link b.html de iframe de nasıl acılır?	fatihed	Web Tasarım	3	06/03/2005 19:03
HTML KODLAYICI - Html Dosyalarının Kaynak Kodlarını Şifrelemek İstiyorsanız..	1941	Uygulama Yazılımları / Hazır Betikler	2	06/03/2005 13:42

29/09/2007, 02:04	#2 (permalink)
mTuran İptal Durumu Üyelik Tarihi: 04/2007 Yer: Bilecik Mesaj: 679	http://www.dynamicdrive.com/dynamici...eloadimage.htm

29/09/2007, 14:00	#3 (permalink)
Cut_Lee_Amm Üye Üyelik Tarihi: 02/2007 Mesaj: 140	Örneği inceledim ancak biraz karışık geldi bana. var yourImages = new Array => bölümüne gerekli resimleri ekledim, üste gerekli adresi yazdım. Ancak sayfanın tamamı yüklenmeden beni yönlendiriyor yazdığım sayfaya.

29/09/2007, 17:15	#4 (permalink)
Eretna Deli Olmak Akıl İster Üyelik Tarihi: 09/2007 Yer: Ankara Mesaj: 1,368	bu işi bende bi ara araştırdım ama ne yazıkki bende çok sağlam bir veri bulamadım. www.gezginler.net adresinde buna örnek olarak bir html loader var istersen bir gözat

07/05/2008, 17:14	#7 (permalink)
CoolBlack Üye Üyelik Tarihi: 05/2008 Mesaj: 10	Teşekkürlerde dediklerini 1 e 1 yaptım.ancak yükleniyor yazısı sabit kalıyor.Normal sayfama geçmiyor?

Seçenekler
Yazdırmaya Uygun Sayfa Sayfayı E-posta İle Gönder