根据日期改变图像

Question

我通过css

在我的索引页面上（针对全屏网站）引入了一个图像

CSS

.indx-BG { background: url('...') no-repeat center center; }

但是，我想根据当天（星期一，星期二等）更改背景图片我找到了根据一天中的时间更改它的来源，我希望它根据当天的情况进行更改并且正在努力找到任何来源

Answer 1

$images_by_day = array('sunday-image.gif', 'monday-image.gif', ...);
$image_for_today = $images_by_day[date('w')];

date('w')将为您提供0到6之间的数字，表示当周的当天。确保您的$images_by_day数组包含7个相应的元素。

您如何使用$image_for_today取决于您。您可以直接echo()图像，也可以在$images_by_day中存储css类名称。您甚至可以减少代码：

CSS：

.image-0 { background: url(sundays-image); }
.image-1 { background: url(mondays-image); }
/* etc */

PHP：

echo '<div class="image-'.date('w').'"></div>';

Answer 2

＆＃13;

＆＃13;

<?php
$day = date('w');
$img = $day + 1 ;

?>

<style>
    .your_bg_img{

        background-image:url('images/<?php echo $img ?>.jpg');
        height: 300px;
        width: 300px;
        background-size: cover;
    }
</style>


<div class="your_bg_img">

</div>

＆＃13;

＆＃13;

＆＃13;

我已在我的系统中运行此代码，它运行正常。当我更改日期时，我会按预期获得不同的图像。

1：将您的图片存储在图片文件夹中，并将其命名为 1.jpg ， 2.jpg ，依此类推<强> 7.JPG

2：之后在您的文件中运行此代码。

如果天数为1，那么它会将 1.jpg 的图像提供给background-image属性，它将显示在屏幕上。

我已经检查了我的系统。我在两天不同的时候得到两张不同的照片。

这样您就可以每天更改图像。

希望这有帮助。

如果你还没有得到，请告诉我。我已经准备好帮助你了。

Answer 3

<style>
<?php
    if(date('l')=='Monday') {
?>
    .indx-BG { background: url('...') no-repeat center center; }
<?php
    }
?>
</style>

所有日子一样重复