每个会话/天显示一次div图像

时间:2013-06-06 18:26:56

标签: javascript html session-cookies jquery-cookie

这是我第一次发布到这个网站,但我一直在搜索这个网站,并尝试了我搜索过的所有可能的东西。我终于得到了一个div图像显示在网站上,但现在我需要它每个用户访问/会话只显示一次。

我已使用此引用:Showing a Div Once per visit

但我似乎无法与我合作。这是我在index.php文件中的内容:

<html>
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
//<![CDATA[
google.load("jquery", "1");
//]]>
</script>

<style type="text/javascript">

google.setOnLoadCallback(function(){jQuery(function($) {

$("#fullscreen").animate({
top: '0px',
height:'100%'
}, 2000 ).delay(3000).fadeOut();

});});

</script>
</head>

<body>
<div id="fullscreen"><img src="http://www.cpboutique.com/images/banners/heirloom-comingsoon.jpg"></div>
</body>

然后这是我的css:

#fullscreen {
position: fixed;
z-index: 9000;
height: 100%;
width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=70);
opacity: 1;
top: -100%;
bottom: 0;
right: 0;
left: 0;
background: rgba(255, 255, 255, 0.5) no-repeat 0 50%;
padding: 160px 150px;
}

所以这个现在完美无缺。但每当我回到同名页面时,我都会看到div图像出现。我已经尝试过使用cookie插件和javascript甚至是php,但我似乎仍然无法正常使用已经为div显示的功能。我知道这可能甚至不是干净的编码,但希望我能很快得到这个。一切都有帮助!非常感谢!

现在这就是图片的样子:http://www.cpboutique.com

(我知道有些人在没有关闭的情况下反对全屏图像,但这是所期望的。)

好的,所以我发现了这个:

>    function createCookie(name, value, days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
    }
    else var expires = "";
    document.cookie = name + "=" + value + expires + "; path=/";
}
function getCookie(c_name) {
    if (document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1;
            c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) {
                c_end = document.cookie.length;
            }
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
    return "";
}

这是否就像创建我需要的cookie并在其到期时设置一样?

0 个答案:

没有答案