一次高幻燈片自動彈出

Question

主席/女士

我使用Highslide腳本在索引頁面上自動彈出。 這樣，當用戶打開網站時，將彈出帶有自定義消息的彈出窗口。 但是我希望它只對用戶可見一次，並且如果用戶關閉彈出窗口，則在瀏覽器會話處於活動狀態之前，它不應再次可見。 自動彈出代碼正常工作，但我只希望它一次可見。

我使用了下面的代碼：（下面的代碼應該在head標簽之間）

  <!---For HighSlide Auto Popup---> <script type="text/javascript" src="highslide/highslide-full.js"></script> <link rel="stylesheet" type="text/css" href="highslide/highslide.css"> <script type='text/javascript'>//<![CDATA[ // automatically open a link to a HTML page hs.graphicsDir = 'highslide/graphics/'; hs.align = 'center'; hs.outlineType = 'rounded-white'; hs.dimmingOpacity = 0.75; hs.addEventListener(window, "load", function() { // click the element virtually: document.getElementById("autoload").onclick(); }); hs.registerOverlay({ html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>', position: 'top right', fade: 2 // fading the semi-transparent overlay looks bad in IE }); //]]> </script> <!---Ends Here---> 

HTML代碼：（以下代碼應在body open標記之后 ）

  <a id="autoload" class="highslide" href="popup.html" onclick="return hs.htmlExpand(this, {objectType: 'iframe', wrapperClassName: 'draggable-header'})" style="display:none;"></a> 

希望您應該盡快做有需要的事情。

Answer 1

看到這個jsFiddle： http : //jsfiddle.net/72uny6ba/

HTML代碼：

<a id="autoload" class="highslide" style="display: none;" href="https://fiddle.jshell.net/roadrash/7AHX9/show/light/" onclick="return hs.htmlExpand(this, {objectType: 'iframe', wrapperClassName: 'draggable-header'})">Autoloaded popup</a>

用於cookie和自動加載的JavaScript：

// cookie
    function bakecookie(name, value) {
       var argv = bakecookie.arguments;
       var argc = bakecookie.arguments.length;
       var daysgood = (argc > 2) ? argv[2] : null;
       var path = (argc > 3) ? argv[3] : "/";
       var domain = (argc > 4) ? argv[4] : null;
       var secure = (argc > 5) ? argv[5] : false;
       var expires = new Date();
       expires.setDate (expires.getDate()+daysgood);
       document.cookie = name + "=" + escape (value) +((daysgood == null) ? "" : ("; expires=" + expires.toGMTString())) +((path == null) ? "" : ("; path=" + path)) +((domain == null) ? "" : ("; domain=" + domain)) +((secure == true) ? "; secure" : "");
    }

    function eatcookie(name) {
       var arg = name + "=";
       var alen = arg.length;
       var clen = document.cookie.length;
       var i = 0;
       while (i < clen) {
          var j = i + alen;
          if (document.cookie.substring(i, j) == arg) {return eatcookieval (j);}
          i = document.cookie.indexOf(" ", i) + 1;
          if (i == 0) {break;}
       }
       return null;
    }

    function eatcookieval(offset){
       var endstr=document.cookie.indexOf(";",offset);
       if (endstr == -1) {endstr = document.cookie.length;}
       return unescape(document.cookie.substring(offset,endstr));
    } 

// autoload popup
hs.addEventListener(window, "load", function () {
    // click the element virtually:
    if (!eatcookie('YouveSeenOurNewSite')) {
        document.getElementById("autoload").onclick();
    }
});

// set the cookie
hs.Expander.prototype.onAfterExpand = function (sender) {
    bakecookie('YouveSeenOurNewSite', true, 365);
};