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.
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ı?
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?
Bu arada Gizli diye bir tuş olsa ve kapansa.