fancybox v2.x DEMO

By JFK http://stackoverflow.com/users/1055987/jfk

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.0/jquery.cookie.js"></script>
<a class="fancybox" href="#yt">test</a>

<div id="yt" style="display:none; text-align: center;">
    <h2>VIP TEXT CLUB!</h2>

    
<h3>Get exclusive access to sales and new arrivals!</h3>

    
<h3>Text "COBO" to 51660 and receive 10% off your entire purchase! </h3>

    
<h3>10% offer only applies to first time text club subscribers.</h3>
</div>

JavaScript

function openFancybox() {
    setTimeout(function () {
        $('.fancybox').trigger('click');
    }, 500);
};
$(document).ready(function () {
    var visited = $.cookie('visited');
    if (visited == 'yes') {
        return false; // second page load, cookie active
    } else {
        openFancybox(); // first page load, launch fancybox
    }
    $.cookie('visited', 'yes', {
        expires: 0 // the number of days cookie  will be effective
    });
    $(".fancybox").click(function () {
        $.fancybox({
            href: this.href,
            type: "inline"
        });
        return false;
    });
});