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

    Tayfun Nis 12 2012 - 20:10 Cevapla

    Merhaba popup pencerede html sayfa açtırmak istiyorum ne yapmalıyım

  • Avatar

    faruk Nis 13 2012 - 10:16 Cevapla

    paylaşım için teşekkürler. bi sorum olacak; bu popupu sayfanın ortasında değilse sol üst köşede göstermek istiyorum nasıl yapabilirim?

  • Avatar

    Emre Önder Nis 26 2012 - 01:25 Cevapla

    Merhaba öncelikle tesekkur ederim ben siteme uygulamaya çalıştım fakat bu sefer site icinde kullandıgım lightbox2 resim galerisi bozuldu resimleri yeni bir pencerede açıyor çakışmasını öncelmek icin javascript kodu buldum fakat yinede işlemiyor bendeki lightbox2 ile bu işlemi yapmam mümkün mü ne kadar denesemde 1.5.1 ve 1.4.1 deki açılma özelligini getiremiyorum

  • Avatar

    Bcoder May 10 2012 - 14:41 Cevapla

    Bilgiler için teşekkürler işime yaradılar

  • Avatar

    uğur May 17 2012 - 12:22 Cevapla

    emre önder arkadaşın probleminin aynısı bende de oldu. Çakışma varsa diye cevabınızda yönlendirdiğiniz sayfada yanıt bulamadım tekrarlayabilirmisiniz.

    • Avatar

      MilaT May 17 2012 - 21:55 Cevapla

      Verdiğim adreste sayfa kaynağını görüntülediğiniz zaman javascript ve css kodları var
      Yani head başlangıçla bitiş tagları arasındaki herşeyi alıp kendi sitenizin head tagı arasına yerleştirin
      Sonrada body tagları arasındaki herşeyi alıp kendi sitenizde body tagından sonra yerleştirin
      Çakışma sorunu olmayacaktır
      Not: Sitenizde jquery sürümünü zaten kullanıyorsanız ayrıca kullanmanıza gerek yoktur

  • Avatar

    emergen May 20 2012 - 15:08 Cevapla

    peki her sayfayı yenilediğimizde nasıl cıkacak bu onu nasıl ayarlayabiliriz ?

  • Avatar

    Makro Web Dizayn May 21 2012 - 01:48 Cevapla

    Paylaşımınız için teşekkürler arkadaşlar.

  • Avatar

    mustafa May 29 2012 - 13:20 Cevapla

    böyle güzel bir paylaşım yaptığınız için size öncelikle teşekkür ederim ve artık sitenizi sık sık ziyaret edeceğim.. Paylaşımlarınızın devamını dilerim…

  • Avatar

    BGM Haz 2 2012 - 16:44 Cevapla

    aspx sitede nasıl uygularız bunu?

    • Avatar

      MilaT Haz 3 2012 - 22:55 Cevapla

      Sitenin aspx veya php olması önemli değildir.
      Kodları html olarak görünmesini istediğiniz safaya yerleştirmeniz yeterli olacaktır

  • Avatar

    Oğuz Haz 18 2012 - 13:38 Cevapla

    Merhaba,
    ben bu kodu kullanarak sitemde facebook beğen penceresi göstermek istiyorum ancak yapamadım. Facebook Developers tan aldığım facebook penceresinin kodlarını nereye yerleştirmem gerekiyor ?

  • Avatar

    beyaz_siyah Haz 20 2012 - 09:49 Cevapla

    çalışmanız için teşekkür ederim siteme eklemem geren js dosyası nasıl olmalı bende jscripts dizini var yollarını değiştirsem çalışırmı?

  • Avatar

    ahmet Haz 22 2012 - 15:21 Cevapla

    dostum crome da 1 kez görünüyor dahada görünmüyor bahsettiğin satırı sildiğim halde yine aynı şekilde expoler ve mozillada problem yok her seferinde açılıyor ama crome da olmuyor

  • Avatar

    Erkan Ağu 5 2012 - 23:43 Cevapla

    İncelediğim popup uygulamaları içinde en sade olanı diyebilirim. Benim merak ettiğim bir konu var.
    SetCookie(‘cerez’,'milat’,1); satırında 1 cookiesi bir gün tutuyor. Silince hiç tutmuyor. Biz cookie yi sayfa açık bulunduğu sürece aktif tutabilir miyiz? Yani ziyaretçi sayfaya girdi pop up ile karşılaştı. 15 dk gezinirken tekrar pencere ile karşılaşmıyor.Sayfayı kapattı tekrar açtığında popup tekrar gözükecek.
    Belirttiğim husus için cookiede ne tür değişiklik yapmalıyız? Saygılar.

    • Avatar

      MilaT Ağu 6 2012 - 02:18 Cevapla

      Teşekkür ederim cookieyi gün değilde saat olarak tutuyor sayfayı kapatıp açsa bile gözükmez çünkü cookieyi tarayıcı önbelleğine kayıt eder tarayıcının cookielerini temizlemediği sürece gözükmeyecektir.

  • Avatar

    Hakan Eki 1 2012 - 06:38 Cevapla

    Merhaba belirttiğiniz gibi minWidth:”600″ ve width=”600″ ü 200 e düşürsemde pencerenin eni 200 e düşmüyor 500 lerde kalıyoryardımcı olurmusunuz

  • Avatar

    Hakan Eki 1 2012 - 06:40 Cevapla

    basic.css deki width:500px; den kaynaklanıyormuş teşekkürler…

Sende Bir Cevap Yazsan Ne Olurdu Ha Ne Olurdu

Isim (Zorunlu)

Website