Sayfa açılırken show – hide layer göstermek

Senaryo

Web sayfamız açılırken ekrana bir layer gelecek. 10 saniye görünüp kaybolacak.

Bunu yapmanın yolu settimeout javascript fonksiyonu kullanmak. Kullanım şekli aşağıda.

setTimeout("fonksiyon()",10000);  //10 saniye = 10000 milisaniye

Örnek kullanım

<div id=gazze name=gazze style="visibility:visible; position:absolute; left:0px; top:0px; z-index:2; background:#000000; width:100%; height:100%; text-align:center;">
<img src="skin/gazze.jpg" alt="Lanetle Kınıyoruz." title="Lanetle Kınıyoruz."></img>
</div>

<script LANGUAGE=JavaScript>
<!--
function gizle(){
document.getElementById("gazze").style.visibility="hidden";
}
window.setTimeout("gizle()",10000);
//-->
</script>

Açıklama

gizle() fonksiyonu 10 saniye sonra setTimeout tarafından çağrılıp çalıştırılır. gazze isimli div’in görünürlük özelliği gizli hale getirilir. z-index değerini yüksek verirseniz diğer öğelerin üzerinde görünür.

3 Replies to “Sayfa açılırken show – hide layer göstermek”

  1. Bunu blogger bloglarda kullnamk mümkün müdür? Denedim ancak sayfanın en üstünde sanki ekstra bir sayfa oluşturarak orada resim ve arka alan rengi siyah olarak kaldı. Ana sayfayı aşağıya indirdi. Ve hiçbir şekilde gizlenmedi. Bir öneriniz var mı?

  2. Merhaba, Bunu sayfada nereye yükleyecegiz. Bir de 10 saniye değil de 45 saniye bir resmin açılmasını istiyoruz ana sayfada sonra site ana sayfasına gitsin ya da ortadan yok olsun. Nasıl yaparız?

Leave a Reply