Onetime Popup (FancyBox 3)

by haba713

HTML

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.0/js.cookie.min.js"></script>
    <div id="onetime-popup">
  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>

<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 {
  display: none;
  color: #048;
  max-width: 640px;
}

JavaScript

function onetimePopupDetectLanguage() {
  for (var lang in ['sv', 'en', 'de']) {
    if (window.location.href.indexOf('/' + lang + '/') >= 0) {
      return lang;
    }
  }
  return 'fi';
}

jQuery(document).ready(function() {
  if (Cookies.get('onetime-popup-shown') == undefined) {
    jQuery.fancybox.open({
      src: '#onetime-popup',
      lang: onetimePopupDetectLanguage(),
      i18n: {
        de: {
          CLOSE: 'Schließe'
        },
        en: {
          CLOSE: 'Close'
        },
        fi: {
          CLOSE: 'Sulje'
        },
        sv: {
          CLOSE: 'Stäng'
        }
      }
    });
    Cookies.set('onetime-popup-shown', true);
  }
});