Featured Posts

Hands-on HTML 5 2010 O desenvolvimento web está passando por mais uma mudança, evoluindo para acompanhar o ritmo dos negócios e sistemas das grandes empresas baseadas em web, como Google e Yahoo. Com os novos navegadores...

Read more

The Developer's Conference 2010 Esta é a 4a edição do The Developer's Conference, e a Globalcode reuniu toda sua rede de parceiros e profissionais para criar o evento mais completo do ano, sem perder a profundidade necessária...

Read more

Café com Browser 2010 Conversa sobre HTML5 é demanda que já se apresentava desde ano passado pelas organizações brasileiras filiadas ao W3C e por parceiros nas atividades do escritório, principalmente organizações...

Read more

Codeshow 2010 O Visie Codeshow é um evento num formato novo, em que não há palestras. Você vai assistir à construção de uma aplicação em um dia, a partir do zero, usando ferramentas como Git, HTML5, web2py...

Read more

Estrutura Básica de uma página XHTML/HTML Vamos falar sobre os elementos básicos para iniciar uma página HTML <!DOCTYPE> <html>    <head>       <title>          TiloWR       </title>    </head> <body></body> </html> <!DOCTYPE>...

Read more

Background-image Dinamico

Posted by Tilo | Posted in PHP | Posted on 10-07-2009

Tags:

4

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; ?>">

Leia Também:

Comments (4)

Estou tentando aplicar essa class mas em ASP. Vc teria alguma idéia?

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?

Bem, para a função funcionar ele precisar ser um .PHP mesmo!

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.

Write a comment

Spam Protection by WP-SpamFree