Question

我每次刷新页面时都使用下面的PHP代码来显示随机标题图像。这工作正常但我需要为某些图像添加特定的背景位置css属性。

例如，headerimage3.jpg需要背景位置：20px，headerimage1.jpg需要背景位置：50px。

这可能使用下面的PHP代码，还是需要使用javascript？

<style type="text/css">
#header-image{background:url("/files/headerimage<?php echo rand(1,4)?>.jpg");background-position:center center;background-size:cover}}
</style>

Answer 1

所以一种方法是传递变量并检查它以分配新数据：

<?php 
$rand=rand(1,4);
if ($rand==1){$back="50px";}
elseif ($rand==3){$back="20px";}
else{$back="center";}
?>
<style type="text/css">
#header-image{background:url("/files/headerimage<?php echo $rand; ?>.jpg");background-position:<?php echo $back;?> center;background-size:cover}}
</style

Answer 2

添加php标头：

<?php
    $rnd = rand (1,4);
    $pos = ($rnd == 1) ? "50px 0;" : ($rnd == 3) ? "20px 0;" : "top left";
?>

然后在css：

<style type="text/css">
#header-image
{
    background-image: url("/files/headerimage<?php echo $rnd ?>.jpg");
    background-position: <?php echo $pos ?>;
    background-size: cover;
}
</style>

随机背景图像PHP

2 个答案: