Sayfa yüklendikten sonra açılıp otomatik kapanan popup uygulaması

Konu Ağu 4, 2011 te İnternet, Makaleler Kategorisinde MilaT Tarafından Yazılmıştır. 7 Yorum Yapılmıs

Sayfa yüklendikten sonra açılıp otomatik kapanan popup uygulaması yapalım. Sayfa açılışı tamamlandıktan sonra her ziyaretçiye bir kere açılan cookieli lightbox popup açtıralım ve daha sonra kendimiz belirleyeceğimiz süre sonunda kapanmasını söyleyelim. Resim Olarakta en altta görebilirsiniz.

DEMO İÇİN TIKLAYINIZ

1. Olarak alttaki Kodları sitemizin <head>BURAYA </head> tagları arasına yerleştirelim.

<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<link type="text/css" href="js/basic.css" rel="stylesheet" media="screen" />
<!--[if lt IE 7]>
<link type="text/css" href="js/basic_ie.css" rel="stylesheet" media="screen" />
<![endif]-->
<link type="text/css" href="js/gg_fb.css" rel="stylesheet" media="screen" />
<script type="text/javascript" src="js/jquery.simplemodal.1.4.1.min.js"></script>

2. olarak alttaki kodları <body>BURAYA </body> tagları arasında her hangi bir yere yapıştırabilirsiniz

<script type="text/javascript">
		var sure = 10 ;   //  Geri sayım sayacının başlayacağı rakam
		function Kontrol() {
			sure = sure-1;
			$("span#1").text(sure); // <span id="1"> </span> olan yerde geri sayım yapacaktır
			if( sure > 0 )  setTimeout("Kontrol()", 1000);
		}
if(GetCookie('cerez') !== 'milat' )
	{
		jQuery(document).ready( function()
		{
			kapat = (sure-1)*1000 ;
			jQuery('.gg-fb').modal({minWidth:"600"}); // Popup burda açılıyor
			Kontrol();
		    setTimeout(function(){ $.modal.close('.gg-fb');  }, kapat ); // Popup burda kapanıyor
			SetCookie('cerez','milat',1);  // cerez olusturduk her ziyaretçiye bir kere açılması için
		});
	}
</script>
<div style="display: none;">
<div class="gg-fb">
<img src="js/yorum_yaz.png" alt="" width="600" height="320" />
<div class="fb-div"><strong> <span id="1" style="color: #ff0000;"> </span> Saniye sonra Kapanacaktır</strong></div>
</div>
</div>

Kapanacak süreyi ise “var sure = 10 ;” yazan kısımdaki süreyi kendinize göre belirleyin

Bu yazımda ise otomatik olarak kapatma değilde kendimizin kapattığı yazımızı okuabilirsiniz.

Eğer siz Farklı Birsey Yazmak istiyorsanız <div class=”gg-fb”> Burası </div> Değiştirmeniz gerekmekterdir..

Çalışma Dosyasını İndir

Etiketler : jquery otomatik lightbox, jquery otomatik popup açmak, jquery uygulamaları, kendi açılıp kapanan popup kodu, Otomatik Açılıp Kapanan Popup, otomatik açılıp kapanan popup uygulaması, otomatik ajax popup açmak

Populer Yazılar Benzer Yazılar

Yorumlar (7)

Pingback: Sayfa Yüklendikten Sonra Açılan Popup | MilaT
Mustafa Ağu 14 2011 - 04:28 Cevapla
hocam ben size kullandığım joomla temasını gönderiyim çünkü içerisinde j 1.3.2 kütüphanesi bulunuyor uygulama bir türlü çalışmıyor :S
- MilaT Ağu 14 2011 - 12:17 Cevapla
  
  Mustafa:
  
  hocam ben size kullandığım joomla temasını gönderiyim çünkü içerisinde j 1.3.2 kütüphanesi bulunuyor uygulama bir türlü çalışmıyor :S
  Js Dosyalarının tam urlesini belirtmeniz gerekir http://siteadiniz/js/jsdosyası.js gibi ayrıca var olan ir kütüphaneyi tekrar çağırmanıza gerek yok yok 1.3.2 sizde varmış benim kullandıgım 1.5.1 ikisnden bir tanesini kaldırmanız gerek
Melih Mar 1 2012 - 13:44 Cevapla
Bu uygulama güzel fakat günlerdir çözemediğim bir sorun var..Resimde belirttiğim gibi popup penceresinin alt tarafında beyaz bir boşlık oluşuyor.O aralığı nasıl kapatabilirim?
http://e1203.hizliresim.com/v/1/34q0v.png
- MilaT Mar 5 2012 - 12:34 Cevapla
  Resim Elkediyseniz eğer resim boyutunu biraz küçültüp deneyin boşluk kendiliğinden gidecektir
ptr Kas 10 2012 - 03:26 Cevapla
Plugin turkçeye nasıl çevriliyor?
- MilaT Kas 12 2012 - 13:17 Cevapla
  Zaten türkçe veya farklı birsey söylemeye çalışstıysanız anlamadım açıkçası

Popüler Konular

Son yorumlar

En Çok Okunanlar

Seçmeler

BENİMLE İLETİŞİN

Popüler Konular

Son yorumlar