Onetime Popup (FancyBox 1)

by haba713

HTML

<script src="https://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.0/js.cookie.min.js"></script>
<div id="onetime-popup-outer">
  <div id="onetime-popup-inner">
    ego quos amo arguo et castigo aemulare ergo et paenitentiam age
    <br/><br/> ecce sto ad ostium et pulso si quis audierit vocem meam et aperuerit ianuam introibo ad illum et cenabo cum illo et ipse mecum
    <br/><br/> qui vicerit dabo ei sedere mecum in throno meo sicut et ego vici et sedi cum Patre meo in throno eius
  </div>
</div>

<a href="javascript:Cookies.remove('onetime-popup-shown'); ">Poista</a> mahdollinen popup-esto-eväste.
<br/><br/>
<a href="javascript:history.go(0);">Lataa</a> sivu uudelleen.

CSS

#onetime-popup-outer {
  display: none;
}

#onetime-popup-inner {
  color: #048;
  max-width: 640px;
}

JavaScript

jQuery(document).ready(function() {
  if (Cookies.get('onetime-popup-shown') == undefined) {
    $.fancybox(
      jQuery('#onetime-popup-outer').html()
    );
    Cookies.set('onetime-popup-shown', true);
  }
});