JavaScript, CSS: fancyBox quick-ups

gistfile1.txt

<!-- temp lightbox for special event -->
<!-- Add fancyBox main JS and CSS files -->

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.rawgit.com/rugor/fancy-quick/master/jquery.fancybox.css?v=2.1.5" media="screen" />

<script type="text/javascript">
	jQuery(document).ready(function ($) {
		var cookie = document.cookie;
		if (cookie.indexOf('visited=', 0) == -1) {
		    var expiration = new Date();
		    expiration.setDate(expiration.getDate()+1);
		    document.cookie = 'visited=1;expires=' + expiration + ';path=/';

		    $("#hidden_link").fancybox({
		    	helpers:  {
			        overlay : {
			            css : {
			                'background' : 'rgba(255,255,255,0.5)'
			            }
			        }
			    },
		        afterShow: function () {
		            $(".fancybox-image").wrap($("<a />", {
		                href: "http://google.com/", //or your target link
		                target: "_blank"
		            }));
		        }
		    }).trigger("click");
		} 
	});
</script>

<a id="hidden_link" style="visibility:hidden" href="http://some-image-path.jpg"></a>

<!-- end temp lightbox for special event -->