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>

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 (136)
  • Avatar

    latif Eki 12 2011 - 11:18 Cevapla

    dediğinizi harfi harfine uyguladım joomla kullanıyorum ve birtürlü olmuo gelmio ekrana işte delirecem saatlerdir uğraşıom

    • Avatar

      MilaT Eki 13 2011 - 00:26 Cevapla

      Birincisi linkleri adresiyle yazın ve adresi doğru çalıştırdığınıza emin olun
      [ site.com/js/dosya.js gibi ]
      İkinci Olarak sitenize zaten jquery dosyası çağırıyorsanız ikinci kez çağırmanıza gerek yok öyleyse hata verir ve çalışmaz
      Üçüncü ve son olarakta sitenizde başka bir jquery eklentisi plugin veya modül kullanıyorsanız bunlardan birisyle çakışıyor olma ihtimali vardır

  • Avatar

    ali Eki 15 2011 - 00:16 Cevapla

    merhaaba

    Öncelikle ders için teşekkürler, lightbox içindeki resme nasıl link ekleyebilirim?

    • Avatar

      MilaT Eki 15 2011 - 00:40 Cevapla

      Aşağıdaki gibi kulanırsanız resime link eklemiş olursunuz.

      <a href="link vereceginiz adres"><img src="js/yorum_yaz.png" alt="" width="600" height="320" /></a>
  • Avatar

    ali Eki 15 2011 - 15:06 Cevapla

    ben bu lightboxu kullanıyorum fakat verdiğiniz link ekleme yöntemi burada işe yaramıyor acaba kodu yanlışmı yerleştiriyorum, kod aşşağıdaki gibidir

  • Avatar

    ali Eki 15 2011 - 19:14 Cevapla

    kodu eksik yazdım sanırım lightbox örneğinin linkini gönderiyorum açılan resme link eklemeyi birtürlü beceremedim bu konuda yardımlarınızı bekliyorum

    • Avatar

      MilaT Eki 17 2011 - 12:04 Cevapla

      Kullandığınız jquery plugin ile bunu yapamazsınız çünkü resimleri backgraund olarak yerleştiriyor.Sitemdeki plugini kullanarak resime yukaradıda ki belirittiğim gibi link verebilirsiniz

  • Avatar

    ali Eki 17 2011 - 23:32 Cevapla

    sitenizdeki plugin siteye yerleştirdiğimde çalışmıyor o yüzden farklı bir plugin kullanmıştım, çalışmama sebebi ne olabilir?

  • Avatar

    hubbez Eki 21 2011 - 17:53 Cevapla

    teÅŸekkürler çalışmalarınız için…

    foto yerine flash (swf) koyulabilecek bir çalışma olabilir mi?

    selamlar

    • Avatar

      MilaT Eki 21 2011 - 21:57 Cevapla

      Tabiki olabilir

      <img src="js/yorum_yaz.png" alt="" width="600" height="320" />
      

      kodunun yerine flash kodlarını koyabilirsiniz

  • Avatar

    berk Eki 27 2011 - 17:13 Cevapla

    Merhaba

    Çalışma gayet güzel eline emeğine sağlık yanlız explorer da patlıyo bununla ilgili bir çözüm varmıdır acaba.

    • Avatar

      MilaT Eki 27 2011 - 21:51 Cevapla

      Rica Ederim yanlız bütün tarayıcılarda sorunsuz çalışıyor siz var olan çerezlerinizi silip denerseniz belki sizden kaynaklanan bir problem vardır

  • Avatar

    senol Eki 29 2011 - 10:17 Cevapla

    Kullanmış olduğum sistem joomla. Şu şekilde yapma imkanımız varmı acaba facebook ve twitter butonları ekleyebilirmiyiz kodlama bilgim olmadığı için nasıl olacağına dair bir açıklama yaparsanız iyi olur. Ayrıca gerekli uygulamayı yaptım fakat ana sayfa komple gözükmüyor bir yerde yanlış yaptığımız kesin. İndex.php içindeki kodlamayı ekliyorum bir bakarsanız.

    • Avatar

      MilaT Eki 29 2011 - 19:20 Cevapla

      İndex.php deÄŸil “templates/temanız/index.php” dosyasını düzenleyeceksiniz butonları eklemeniz içinde < body > tagından sonra aÅŸağıdaki gibi yapmanız gerekmektedir

      <div style="display: none;">
      <div class="gg-fb">buraya facebook ve twitter buton kodları gelecek
      </div>
      </div>
      
  • Avatar

    senol Eki 29 2011 - 23:12 Cevapla

    kodlamayı kullandığım temanın index.php sine yaptım zaten. fakat aynı sorun oluyor tekrar.

  • Avatar

    mehmet Kas 11 2011 - 21:28 Cevapla

    Yalnız bir sorun var. Explorer, firefox gibi browserlarda denedim sadece bir kere calisiyor sonra hic calismiyor ikinci ucuncu seferlerde..

    • Avatar

      MilaT Kas 11 2011 - 21:32 Cevapla

      Cookieli olduğunu yazıda belirttim her kullanıcıya saatte bir kere açılır.Cookie kullanmak istemiyorsanız

      SetCookie('cerez','milat',1); 

      satırını silmeniz yeterlidir

  • Avatar

    GameOver Kas 15 2011 - 20:06 Cevapla

    Merhaba ;
    İlk önce belirtim siteniz süper. Bu popup’ta ben adhood’Dan aldığım reklam kodları koydum ama malesef reklamlar gözükmüyor. Bende baÅŸka bir popup pencere buldum. Hem daha şık hemde reklamlar çıkıyor. Ama onda tek sorun cookie’li deÄŸil. Acaba bundaki cooki kodlarını ona entegre etsem çalışırmı?

    • Avatar

      MilaT Kas 16 2011 - 00:59 Cevapla

      Tabiki çalışır.Siz yapmaya çalışın başaramazsanız dosyayı bir yere upload yapıp linkini bırakın size yardımcı olurum.

  • Avatar

    GameOver Kas 16 2011 - 16:28 Cevapla

    Teşekkür Ederim. Bide Bunu Otomatik Açılır Yapabilirmiyiz. Çünkü Yazıya Tıklayınca Açılıyor. Bunuda sitenize ekleyin bence tabi yapabilirseniz. Gerçekten daha görsel.
    Dosya Aşağıda :

  • Avatar

    GameOver Kas 17 2011 - 15:31 Cevapla

    Teşekkür ederim oldu .ama sanırım çerezler çalışmıyor. Hep çıkıyor. bir kere çıkmıyor.

  • Avatar

    daybu Kas 29 2011 - 01:12 Cevapla

    Çok güzel olmuÅŸ emeÄŸinize saÄŸlık…

  • Avatar

    daybu Kas 29 2011 - 01:40 Cevapla

    burada saatte bir kez açılması için setcookie’yi ne yapmalıyız? TeÅŸekkürler

Sende Bir Cevap Yazsan Ne Olurdu Ha Ne Olurdu

Isim (Zorunlu)

Website