Fancybox trigger lightbox on page load

Trigger lightbox on page load for once, write it to cookie

by kuyabiye

HTML

<script src="http://dl.dropbox.com/u/6696146/cdn/fancybox/jquery.easing-1.3.pack.js"></script>
<link rel="stylesheet" href="http://dl.dropbox.com/u/6696146/cdn/fancybox/jquery.fancybox-1.3.4.css">
<script src="http://dl.dropbox.com/u/6696146/cdn/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="http://dl.dropbox.com/u/6696146/cdn/jquery.cookie.js"></script>
<ul>
    <li>
        <a id="onloadPopup" class="fancybox" href="http://lorempixum.com/400/200/sports/1">
            <img src="http://lorempixum.com/50/50/sports/1" /></a></li>

</ul>

JavaScript

$('.fancybox').fancybox({
    'type': 'image' /* for lorempixum */
});

window.onload = function () {

  if ($.cookie('onloadLightbox') == null) {
    $('#onloadPopup').trigger('click');
    

    $.cookie('onloadLightbox', true, {
      expires: 30,
      path: '/'
    });

  }
}