Background-image Dinamico

Recurso simples e muito útil, a idéia é que a cada atualização de página o BG seja diferente,

primeiro vamos criar as classes que armazenam as imagens no CSS:

.bg1 { background-image: url(img1.jpg);}
.bg2 { background-image: url(img2.jpg);}
.bg3 { background-image: url(img3.jpg);}

agora vamos criar um array no PHP pra poder armazenar os itens, e selecionar aleatoriamente com o “RAND”:

<?php
$bgArray = Array("bg1", "bg2", "bg3");
$cssClass = $bgArray[rand(0 , count($bgArray) - 1)];
?>

agora pra finalizar vamos imprimir o valor armazenado variavel $cssClass no HTML com o seguinte codigo:

<body class="<?php echo $cssClass; ?>">

Comments (4)

Marcelo said on 19-08-2009
	Estou tentando aplicar essa class mas em ASP. Vc teria alguma idéia?

guati said on 31-08-2009
	Olá Tilo, existe a possibilidade de ter esse PHP externo para modificar o bg da página em HTML ou precisarei mesmo salvar minha página como PHP?

Tilo said on 02-09-2009
	Bem, para a função funcionar ele precisar ser um .PHP mesmo!

Thinmy said on 09-06-2010
	Na verdade pode ser utilizado qualquer linguagem de programação, basta incrementar como é em cada um delas.. cria array com as classes e bgs diferentes como no primeiro exemplo, e puxa aleatoriamente.

TiloWR