javascript - 根据日期更改图像

我正在通过css在我的索引页面（用于全屏网站）上引入图像

的CSS

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

但是，我想根据一天（星期一，星期二等）更改背景图像。我发现有根据一天中的时间更改背景图像的信息，我想根据一天本身进行更改，并且正在努力寻找任何背景图像资料来源

最佳答案

$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()图片，也可以将CSS类名存储在$images_by_day中。您甚至可以像下面这样减少代码：

CSS：

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

PHP：

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