Sayfa Yüklendikten Sonra Açılan Popup

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

Sayfa Yüklendikten Sonra Açılan Popup

Sayfa açılışı tamamlandıktan sonra her ziyaretçiye bir kere açılan cookie li lightbox popup açtıralım Demo Olarak kendi Sitemde Görüyorsunuz. Resim Olarakta en altta görebilirsiniz.

WordPress Kullanıyorsanız Kendim yazdığım eklentiyi kullanabilirsiniz

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">
if(GetCookie('cerez') !== 'milat' )
{
jQuery(document).ready( function() {  // sayfa yüklenince popup açması gerektiğini söyledik
jQuery('.gg-fb').modal({minWidth:"600", overlayClose: true , escClose : false });
// Açılacak en küçük genişliğin 600px olacağını ve 'gg-fb' divini açmasını belirttik
// Siyah alana tıklayınca kapanmasın diyorsak overlayClose : false yapmalıyız.Açmak ifin true olmalı
// Esc tuşuna basınca kapanmasın diyorsak escClose : false yapmalıyız.Açmak ifin true olmalı
SetCookie('cerez','milat',1);   // cerez oluşturduk 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>
</div>

Popupun sürekli açılmasını istiyorsanız SetCookie(‘cerez’,'milat’,1); satırını silmeniz yeterli olacaktır

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

BURDAKİ yazımda ise ligthbox’un kendi belirleyeceğimiz sürede otomatik olarak kapanmasını söyleyen yazımızı okuyabilirsiniz

dosyayı indir

Etiketler : cookieli lightbox popup, Cookie’li popup uygulaması, her ziyaretçiye bir kere açılan popup, Jquery ile popup açma, jquery otomatik lightbox, jquery uygulamaları, otomatik popup, sayfa yüklenirken otomatik açılan lightbox, Site Açılınca otomatik açılan Lightbox, Site Açılınca Otomatik Lightbox Pop-up Açmak, Siteye Açılışta Lightbox ekleme

Populer Yazılar Benzer Yazılar

Yorumlar (193)

ufuk Kas 1 2012 - 17:16 Cevapla
Merhaba,
Yüklenen resme link nasıl verebiliyoruz? Yardımcı olursanız çok sevinirim.
- MilaT Kas 12 2012 - 13:15 Cevapla
  Aşağıdaki gibi yapmanız yereli oalcaktır
```
<a href="vereceğiniz linki buraya koyun"><img src="resim llinkiniz" /></a>
```
Akif Kas 7 2012 - 13:25 Cevapla
sade ve kullanıslı elinize sağlık peki bu popupta swf nasıl onatabiliriz?
selda yördem Ara 10 2012 - 14:08 Cevapla
işe yarar bir paylaşım, teşekkürler… ancak ben daha basit bişiler arıyorum, sitedeki kodlarla çatışmaması için…
- MilaT Ara 29 2012 - 18:23 Cevapla
  Aslında gayet basit bir uygulama çakışma olmaması için jQuery.noConflict() kullanmalısınız
Yusuf Ara 22 2012 - 12:38 Cevapla
Merhaba poprup ekranında resim yerşne html nasıl eklenebilir.
- MilaT Ara 29 2012 - 18:28 Cevapla
  Bu yorumda Belirttiğim şekilde yapılabilir
sezen Oca 4 2013 - 16:42 Cevapla
Çok güzel bi uygulama, ama ana sayfama eklediğimde uygulama çalışıyor ama anasayfadaki resimlerim kayboluyor bunu nedeni ne olabilir? Cevap verirseniz sevinirim..
Gökhan Oca 6 2013 - 20:33 Cevapla
iyi tamam güzelde, ben her ziyaretçiye 1 kere değilde herdefasında açılmasını istiyorum o nasıl olacak
- MilaT Oca 6 2013 - 23:30 Cevapla
  Konu içinde yazıyor keşke yazmadan önce konunun tamamını okusaydınız
sezen Oca 8 2013 - 10:04 Cevapla
Ana sayfamda ki geçişen resimler kayboluyor uygulamayı ekleyince. Uygulamada bi sıkıntı yok ama resimlerim neden kayboluyor? Nedenini bilen var mı?
- MilaT Oca 10 2013 - 11:27 Cevapla
  Aşağıda yazan mail adresimi ekleyin yardımcı olayım siteyi görmeden birsey diyemem malesef.
  Ama tahmini olarak kodlarınız çakışıyor jquery dosyasını iki kere include etmeyin zaten varsa birini silin ayrıca head taglarının en üstüne koyduysanız en altına koymayı deneyin
  - sezen Oca 10 2013 - 16:27 Cevapla
    TEŞEKKÜRLER İLGİNİZ İÇİN HALLETTİM
chrome user Oca 21 2013 - 15:05 Cevapla
google chrome da index.html her açılışında intro görünüyor.
sanırım chrome için biraz sıkıntılı ? diğer sayfaları dolaşıp index e geldiğimde intro tekrar gözüküyor ne yapılabilir? tşk ler
- MilaT Oca 31 2013 - 14:50 Cevapla
  Sanırım cookilerinizde sorun var bende böyle bir problem bulunmuyor açıkçası
Gökhan Şub 7 2013 - 17:08 Cevapla
teşekkürler…
Neslihan Şub 19 2013 - 16:44 Cevapla
Açılan resmin arkaplanında karartmak için ne yapabiliriz?
- MilaT Şub 21 2013 - 17:50 Cevapla
  Açıkçası demek istediğinizi anlamadım.
  Daha net anlatırsanız yardımcı olabilirim
seyda Şub 25 2013 - 18:04 Cevapla
Kodların kullanımı ve yerleştirmesi çok kolay oldu başarılı bir şekilde çalışıyor. Eemeğinize sağlık..
- MilaT Şub 27 2013 - 23:10 Cevapla
  Rica ederim. İyi kullanımlar
  - Cizmesizkedi Mar 9 2013 - 11:15 Cevapla
    Milat Dostum senin gibi insanlar bu hayatta her zaman ihtiyaç olacaktır yardım severlik ve paylaşımcı zihniyet erdemdir. Herşey için çok teşekkürler.
    - MilaT Mar 14 2013 - 22:01 Cevapla
      Güzel yorumunuz için teşekkür ederim elimdem geldiğince yardımcı olmaya çalışıyorum
ali bayır Mar 6 2013 - 12:50 Cevapla
eline sağlık bende bu tarz bişiler bakıyordum çok acıklayıcı ve basit anlatımlı olmuş.yorum yazan bazı arkadaşlar tam dökümanı okumadan sorular sormuşlar biraz html&css bilgisi ile istediğiniz gibi editleyebileceğiniz güzel bir uygulama eline sağlık.
- MilaT Mar 14 2013 - 21:58 Cevapla
  Yorumunuz için teşekkürler
  - Hüseyin Ağu 5 2014 - 17:48 Cevapla
    Paylaşım için teşekkür ederim yararlı ve faydalı bir makale olmuş emeğinize sağlık..
cihan Mar 13 2013 - 18:57 Cevapla
peki png yerine swf dosyası nasıl ekleyebilirim?
Yusuf Mar 15 2013 - 14:13 Cevapla
Merhaba
size sorun olacak Bu kcokieli popup eklentisinde resim yerine html sayfa açılmasını nasıl sağlayabiliriz.
Teşekkürler
Barış Gündüz Mar 15 2013 - 15:32 Cevapla
Tam da bunu arıyordum. Sade bir anlatım olmuş. Paylaşımınız için teşekkürler.