检测页面访问时更改图像

时间:2012-03-14 02:13:42

标签: jquery html css

我知道有一些问题:访问过,所以现在我正在寻找替代方案。我想知道用户是否可以访问我网站上的某个页面,一旦他们返回主页,就会显示不同的图片。

更新:主页中有图片,当您点击其中一个图片时,它会更改为新图片,表示您已访问过该页面。但是,如何检测您是否在该网站的另一页上,并且您在没有单击图像的情况下访问该链接?我仍然希望事件触发更改。这甚至可能吗?

3 个答案:

答案 0 :(得分:0)

你可以拥有一系列图像源

  images = [];
  images[1] = "src of pic1";
  images[2] = "src of pic2";
  //you can have more links if you want

  size = images.length;
  rNum = Math.floor(Math.random()*size);

  document.getElementById("img").src = images[rNum];

答案 1 :(得分:0)

您应该在访问该页面时设置会话cookie。

This是一个很棒的jQuery jQuery插件。

首页代码

$(function(){
  if($.cookie("interior_page_visited")){
    //display new image
  } else {
    //display initial homepage image
  }
});

内页代码

$(function(){
  //set cookie, expires when browser is closed
  $.cookie("interior_page_visited", true);
});

答案 2 :(得分:0)

<?php
// Code to put in every page.
if (session_name() == "")
    session_start();    
    if (!isset($_SESSION['visited']))
        $_SESSION['visited'] = array(); //Init.
    $current_page = "current_page"; // Set the page here.       
    if (!$_SESSION['visited'][$current_page])
        $_SESSION['visited'][$current_page] = 1;

?>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test Page</title>
</head>

<body>
<?php foreach ($pages as $page) : ?>
<?php if ($_SESSION['visited'][$page]) : ?><p>Image 1</p><?php else : ?><p>Image 2</p><?php endif ?>
<?php endforeach ?>
</body>
</html>

使用PHP会话它应该可以工作。