只有“重访”的随机图像

时间:2013-05-30 08:15:24

标签: php javascript html css random

现状

我目前有三个div。我们称他们为LeftDivCenterDivRightDivLeftDivRightDiv都包含每次页面“重新加载”时随机化的图像,即当您按F5或访问我网站上的其他页面时。这是使用javascript完成的。

使用页面ID访问我网站上的不同页面,例如:

  • 主页是website.com/index.php
  • 关于页面是website.com/index.php?page=about

访问不同的网页基本上只会更改CenterDiv上的内容(显然位于LeftDivRightDiv之间)。但是,背景图像也再次随机化。这可能是因为页面刷新了。

期望情况

我基本上想要的是当访问者一起刷新或重新访问网站时(例如再次在浏览器中输入网址),这些图像只能随机(再次)。我认为最有可能需要的是在访问新页面ID时不刷新整个页面,而只刷新CenterDiv。所以现在我们开始......

问题

有没有办法实现这个目标?如果是这样,怎么样?建议使用哪些方法?

提前感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

您只需要更改CenterDiv的内容。这可以通过AJAX调用来实现。 http://en.wikipedia.org/wiki/AJAX

答案 1 :(得分:1)

jQuery使AJAX调用变得更加容易。可能想在这里看看

  

http://api.jquery.com/jQuery.ajax/

对于你的问题,我认为这样的事情可能有用:

function changeDivContents(page)
{
 $.ajax({
 type: "GET",
 data: "page="+page, 
 }
 });
}  

然后,在链接中提供onclick= "changeDivContents('page_you_want_to_load')"