Automatic jQuery site subscription lightbox
Getting Started You’ll need to include the jQuery library as well as the Colorbox lightbox JS and CSS which are included in the download below. <!-- 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" /> http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js http://js/colorbox.js The JS Code Once the page loads we check to see if the cookie exists and hasn’t expired. If it’s expired or doesn’t exist we set the cookie to expire in 15 days, and we show the lightbox. $("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"}); }); The HTML Here’s the HTML…