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