Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用cookies显示可变图像_Javascript_Html_Cookies_Image - Fatal编程技术网

Javascript 使用cookies显示可变图像

Javascript 使用cookies显示可变图像,javascript,html,cookies,image,Javascript,Html,Cookies,Image,我想基于某个cookie值在网页上显示一个图像,该cookie值是通过单击此网页传递/创建的。我在考虑用onClick动作来编写cookie,我认为这是最简单的,但我仍然愿意接受这些想法。下面是该链接的一个示例 a href=“myLink.html”onClick=“setCookie(BRAND,ABC,3600);返回true;”> 下面是一些我从网上摘取的代码,它以一种基本的方式模仿了我正在寻找的东西。我只是不知道如何让页面上的js调用获取cookie值并设置图像 我提前感谢您的帮助,并

我想基于某个cookie值在网页上显示一个图像,该cookie值是通过单击此网页传递/创建的。我在考虑用onClick动作来编写cookie,我认为这是最简单的,但我仍然愿意接受这些想法。下面是该链接的一个示例

a href=“myLink.html”onClick=“setCookie(BRAND,ABC,3600);返回true;”>

下面是一些我从网上摘取的代码,它以一种基本的方式模仿了我正在寻找的东西。我只是不知道如何让页面上的js调用获取cookie值并设置图像

我提前感谢您的帮助,并感谢您的阅读

<script type="text/javascript">
    var picData = [
        ['ABC','ABC.jpg'],
        ['DEF','DEF.jpg'],
        ['GHI','GHI.jpg']
    ];
    window.onload=function(){
        var cookieValue = 'ABC';  //substitute your code to get the cookie value for this line
        for(i=0; i < picData.length; i++){
            if(cookieValue == picData[i][0]) {
               document.getElementById('imgCont').src = picData[i][1];
               i=picData.length;
            }
        }
    }
</script>

<body>
    <div>
        <img id="imgCont" src="" alt="" />
    </div>
</body>

变量picData=[
['ABC','ABC.jpg'],
['DEF','DEF.jpg'],
['GHI','GHI.jpg']
];
window.onload=function(){
var cookieValue='ABC';//替换代码以获取此行的cookie值
对于(i=0;i
您考虑过改用PHP吗?我觉得这会更直截了当。然后使用简单的if和elseif语句检查cookie是什么,并显示相应的图像

这似乎比使用JavaScript要简单得多,但可能这只是因为我经常使用PHP

所以可能是

$value = "something"; /* sets the value of the cookie */
setcookie("imagedisplay", $value, time()+3600);  /* expire in 1 hour */
<img src="<? echo $imageurl; ?>" />
在上一页,然后要检查它,只需使用:

if($_COOKIE["imagedisplay"] == "something") {
$imageurl="ABC.jpg";
}
elseif($_COOKIE["imagedisplay"] == "something else") {
$imageurl="DEF.jpg";
}
else {
$imageurl="GHI.jpg";
}
然后再使用一些PHP输出相应的URL作为图像的源。差不多

$value = "something"; /* sets the value of the cookie */
setcookie("imagedisplay", $value, time()+3600);  /* expire in 1 hour */
<img src="<? echo $imageurl; ?>" />
“/>

我还没有测试过这段代码,但它应该可以工作。

一个很好的资源:不幸的是,我对php很糟糕,甚至不知道如何托管我的测试站点。我很感激你的回复。我可以直观地理解并看到你如何设置值(尽管我不确定我会如何处理“某物”和“其他某物”),我可以看到您稍后在页面中如何调用。但是…我只是在php方面做得很差。:(“something”和“something other”是
imagedisplay
cookie的值。例如,假设有三个不同的页面(第1页第2页和第3页)可以这样使用cookie:如果用户来自第1页,则将cookie值设置为“1”。如果用户来自第2页,则将cookie值设置为“2”然后,在带有if语句的PHP代码中,你通过查看Cookie通过什么来查看他们来自哪个页面。这是有意义的吗?顺便说一下,你可能想考虑学习PHP,这对几乎所有的Web开发都是至关重要的:P