基于当月的背景图像

时间:2013-04-30 18:57:21

标签: php css background

使用php,如何根据当前月份改变我网站上的背景图片?

1月= 01.jpg

Febuary = 02.jpg

等...

目前我在一个单独的目录中使用“rotator.php”来获取每次刷新的不同图像。

css文件我有这个:

{

background:url(../ images / theme / backdrop / rotator.php);

显然链接到rotator.php ....我想用index.php替换rotator.php,但我不知道如何使用代码来调用图像。

这就是我到目前为止所做的......

 <?php


 // Image File Ext.

$extList = array();
$extList['gif'] = 'image/gif';
$extList['jpg'] = 'image/jpeg';
$extList['jpeg'] = 'image/jpeg';
$extList['png'] = 'image/png';

//today and Image to use per today

$today = date('m');
printf('$today');

if ($today == 01) {
    $image = "01.jpg";
}
elseif ($today == 02) {
    $image = "02.jpg";
}
elseif ($today == 03) {
    $image = "03.jpg";
}
elseif ($today == 04) {
    $image = "04.jpg";
}
elseif ($today == 05) {
    $image = "05.jpg";
}
elseif ($today == 06) {
    $image = "06.jpg";
}
elseif ($today == 07) {
    $image = "07.jpg";
}
elseif ($today == 08) {
    $image = "08.jpg";
}
elseif ($today == 09) {
    $image = "09.jpg";
}
elseif ($today == 10) {
    $image = "10.jpg";
}
elseif ($today == 11) {
    $image = "11.jpg";
}
elseif($today == 12) {
    $image = "12.jpg";
}

?>

不确定这是否朝着正确的方向发展......

2 个答案:

答案 0 :(得分:0)

可以通过简单的事情来完成:

printf('<html class="month-%s">', date('m'));

然后在CSS中:

body {background: /* default background style */}
    .month-01 body {background-image: url('01.jpg')}
    .month-02 body {background-image: url('02.jpg')}
    ...

这样,您不仅可以根据月份设置主体的样式,还可以设置网站上的所有其他元素。

答案 1 :(得分:0)

不确定自己如何设置,但最简单的方法是将php文件链接为样式表

<link rel="stylesheet" type="text/css" href="styles.php" />

关于styles.php

<?php
header("Content-type: text/css");
?>
body {
  background: url('<?= date('m') ?>.jpg'); // 'm' is number month (01 through 12) 
}

干杯!