Pop Up forme pendant chargement de la page

Question

Je veux savoir comment ils font que pop up message d'accueil pendant les charges pages comme sur cette wiredsystems la page wired systems website

Il est comme un petit formulaire avec un message d'accueil là-dessus.

Merci!

Answer 1

Voici le script de la source de page de ce site. En bref, vous appelez une fonction pop-up avec $ (document) .ready.

require([ 
     'jquery', 
     'jquery/jquery.cookie' 
    ], function ($) { 
     $(document).ready(function(){ 
        if($("body").hasClass("cms-index-index")) { 
         var check_cookie = $.cookie('newsletter_popup'); 
       if(window.location!=window.parent.location){ 
        $('#newsletter_popup').remove(); 
       } else { 
        if(check_cookie == null || check_cookie == 'shown') { 
         setTimeout(function(){ 
          beginNewsletterForm(); 
         }, 1500); 
        } 
        $('#newsletter_popup_dont_show_again').on('change', function(){ 
         if($(this).length){   
          var check_cookie = $.cookie('newsletter_popup'); 
          if(check_cookie == null || check_cookie == 'shown') { 
           $.cookie('newsletter_popup','dontshowitagain');    
          } 
          else 
          { 
           $.cookie('newsletter_popup','shown'); 
           beginNewsletterForm(); 
          } 
         } else { 
          $.cookie('newsletter_popup','shown'); 
         } 
        }); 
       } 
        } 
       }); 

     function beginNewsletterForm() { 
      $.fancybox({ 
       'padding': '0px', 
       'autoScale': true, 
       'transitionIn': 'fade', 
       'transitionOut': 'fade', 
       'type': 'inline', 
       'href': '#newsletter_popup', 
       'onComplete': function() { 
        $.cookie('newsletter_popup', 'shown'); 
       }, 
       'tpl': { 
        closeBtn: '<a title="Close" class="fancybox-item fancybox-close fancybox-newsletter-close" href="javascript:;"></a>' 
       }, 
       'helpers': { 
        overlay: { 
         locked: false 
        } 
       } 
      }); 
      $('#newsletter_popup').trigger('click'); 
     } 
});