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

İnternet ve yazılım dünyası ile 2002 yılında Ankara Armada Alışveriş Merkezi Bilgi İşlem departmanında tanıştım. Visual BASIC dili ile yola çıktığım yazılım dünyası serüvenim 2002-2004 yıllarında C, C++ dilleri ile devam etti.

Bir şeyler söyleyin:

E-posta adresiniz kimse ile paylaşılmayacaktır. Sadece ben rahatsız ederim.