如何根据php文件中单击的链接显示其他图像?

时间:2018-10-04 05:08:30

标签: php html css

我有一些php文件,我们称它们为planet1.php,planet2.php,planet3.php和satellite.php。

每个“行星”都有一个指向此唯一“ satellite.php”文件的链接,这是因为无论“行星”被重定向到哪里,那里的信息都是一样的。现在,我说所有信息市场都是一样的,只是一个图像-它在DIV中作为背景图像-。

这是我的问题

我该如何单击planet1.php中的链接并以可见的方式打开satellite.php或单击planet2.php并以?

我有3个不同的“行星”,根据重定向的位置,我只需要显示一个

谢谢!

这就是我的解决方法(在列夫·布歇尔的帮助下)

内部-> satellite.php

if (<? echo $_GET["planet"] ?> == 1){
    document.getElementById("planet").classList.add("planet1");
}else if (<? echo $_GET["planet"] ?> == 2) {
    document.getElementById("planet").classList.add("planet2");
}else{
    document.getElementById("planet").classList.add("planet3");
}

在每个planetX.php文件内部

样式...

<style>
    .planet1{background-image: url('img1.JPG');}
    .planet2{background-image: url('img2.JPG');}
    .planet3{background-image: url('img3.JPG');}
</style>

带有图片的实际div ...     

1 个答案:

答案 0 :(得分:0)

如果我对您的理解正确,那么您希望同一“卫星”页面根据单击的“行星”文件显示的图像来显示不同的图像。 您可以做的是使用“ GET”方法,例如,在您的planet1.php文件中,href如下所示:

href="satellite.php/?planet=1"

行星2(行星= 2)和行星3(行星= 3)也是如此。

在您的satellite.php页面中,您可以检查用户来自哪个星球

if ($_GET["planet"] == 1)
    document.getElementById("yourDiv").classList.add("planet1");

现在您可以为planet1 / 2/3类设置不同的背景。