Otomatik Açılan jQuery ile Lightbox

Başlıyoruz

Öncelikle Colorbox Lightbox JS ve CSS kütüphanelerini include ediyoruz (Gerekli dosyaları yazı sonundaki linkten indirebilirsiniz.)

<!-- Color Box CSS -->
<link media="screen" rel="stylesheet" target="_blank" href="css/colorbox.css" />
<!-- Style For the Subscription Box -->
<link media="screen" rel="stylesheet" target="_blank" href="css/popup.css" />
<script language="javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"type="text/javascript"></script>
<script language="javascript" src="js/colorbox.js"></script>

JS Kodları

$("document").ready(function (){
       // load the overlay
        if (document.cookie.indexOf('visited=true') == -1) {
            var fifteenDays = 1000*60*60*24*15;
            var expires = new Date((new Date()).valueOf() + fifteenDays);
            document.cookie = "visited=true;expires=" + expires.toUTCString();
            $.colorbox({width:"580px", inline:true, href:"#subscribe_popup"});
        }
        
        $(".open_popup").colorbox({width:"580px", inline:true, href:"#subscribe_popup"});
 });

HTML Kodları

Click here to open the popup

Never miss an update from Papermashup

Get notified about the latest tutorials and downloads.

Subscribe by Email

Get alerts directly into your inbox after each post and stay updated.

Subscribe

OR

Subscribe by RSS

Add our RSS to your feedreader to get regular updates from us.

Subscribe

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir