Sayfa Yüklendikten Sonra Açılan Popup

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

Sayfa açılışında popup




Yorumlar (193)
  • Avatar

    ufuk Kas 1 2012 - 17:16 Cevapla

    Merhaba,

    Yüklenen resme link nasıl verebiliyoruz? Yardımcı olursanız çok sevinirim.

    • Avatar

      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>
      
  • Avatar

    Akif Kas 7 2012 - 13:25 Cevapla

    sade ve kullanıslı elinize sağlık peki bu popupta swf nasıl onatabiliriz?

  • Avatar

    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…

  • Avatar

    Yusuf Ara 22 2012 - 12:38 Cevapla

    Merhaba poprup ekranında resim yerşne html nasıl eklenebilir.

  • Avatar

    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..

  • Avatar

    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

  • Avatar

    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ı?

    • Avatar

      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

  • Avatar

    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

  • Avatar

    Gökhan Şub 7 2013 - 17:08 Cevapla

    teÅŸekkürler…

  • Avatar

    Neslihan Åžub 19 2013 - 16:44 Cevapla

    Açılan resmin arkaplanında karartmak için ne yapabiliriz?

  • Avatar

    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..

  • Avatar

    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.

  • Avatar

    cihan Mar 13 2013 - 18:57 Cevapla

    peki png yerine swf dosyası nasıl ekleyebilirim?

  • Avatar

    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

  • Avatar

    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.

Sende Bir Cevap Yazsan Ne Olurdu Ha Ne Olurdu

Yusuf Cevapla Vazgeç

Isim (Zorunlu)

Website

maltepe escort
porno izle
maltepe escort
alanya escort
kartal escort
atasehir escort
kadikoy escort
manavgat escort