1-Alttaki kodları sitemizin (index.html) sayfasında: <head>BURAYA</head> arasına ekleyelim.
Kod:
<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-Alttaki kodları <body>BURAYA</body> tagları arasında herhangi bir yere ekleyelim.
Kod:
<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>
3-Eğer siz farklı bir resim veya yazı yazmak istiyorsanız: <div class= "gb-fb"> BURAYA </div> Değiştirmeniz gerekmektedir.
Aşağıda indirmeniz gereken dosyanın index.html dosyası içerisinde hazır html kodlar vardır.Siz html ve js dosyasını sitenizin ana dizinine atar ve kendinize göre düzenlerseniz istediğiniz olacaktır.
Ben lightbox uygulaması ile html sayfa göstermej istiyorum. Yani linktekinde resim gösteriyor, aynı yerde resim değil de (duyuru.jpg örn.) html sayfa (duyuru.html) görünecek.
