跟踪 Cookie 以决定加载哪些图像


Tracking Cookie To Decide Which Images Load

我正在构建这个幻灯片,客户想要一个跟踪cookie来报告他们已经在网站上的位置,并基于此加载不同批次的图像。

总共有 9 张图像,每批 3 张。我之前用PHP做过一个随机图像加载器,只是需要一些关于如何在这里做到这一点的建议。

谢谢!

您可以使用图像 ID 创建 cookie,以查看它们是否与用户的 cookie 匹配。如果它们匹配,则意味着用户已经看到了它们,并且您向其他人展示了它们。

在javascript中执行此操作的简单脚本:

你也可以通过PHP做到这一点,阅读这个 http://php.net/manual/es/function.setcookie.php(它真的解释得很好)

function createCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date( );
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toGMTString();
    }
    else expires = "";
    document.cookie = name + "=" + value + expires + "; path=/";
}
function readCookie(name) 
{
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for( var i=0;i < ca.length;i++) 
    {
        var c = ca[i];
        while (c.charAt( 0)==' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}
function eraseCookie( name) 
{
    createCookie(name,"",-1);
}

现在,要创建 Cookie,请执行以下操作:

createCookie('cookiename', 'cookievalue', false);

要评估 Cookie,请执行以下操作:

 var cookie = readCookie('cookiename');
 // var cookie will be null if there is no cookie to read.
 if(cookie == 'cookievalue'){
   //do something
 }

要删除它:

eraseCookie('cookiename');