Background random con php e css

Cambiamo lo sfondo dinamicamente In questo articolo vogliamo spiegarvi come far interagire php e css per creare uno sfondo random […]
Background random con php e css

Cambiamo lo sfondo dinamicamente

In questo articolo vogliamo spiegarvi come far interagire php e css per creare uno sfondo random di un qualsiasi elemento delle nostre pagine web che cambia ad ogni refresh della pagina. Si ringrazia dreamsworld per lo script.

il codice da implementare

<div id="banner"></div>

Questo è il css relativo all’elemento appena inserito inserito. Ricordiamoci di dare comunque una larghezza ed una altezza in quanto non verrà ereditata dalle immagini in quanto sono background. In questo esempio abbiamo previsto che il file randimg.php si trovi nella stessa cartella. Gestite voi i percorsi in base alle vostre esigenze strutturali.

#banner{
	width:679px;
	height:300px;
	background: url(randimg.php) no-repeat 0 0;
}

Infine non rimane altro da fare che creare il file randimg.php che gestisce la comparsa random delle immagini. Un header location gestirà il cambio delle immagini ad ogni refresh del browser.

header('Location: image'.rand(1,93).'.jpg');
  • Fantastico, grazie!
    con quel php funziona, ne ho provato altri che non funzionavano.

    Un consiglio, segnalate il fatto che lo script come è settato preleva solo immagini che hanno il nome image#.

  • LaboratorioCSS

    prego Davide!
    si mi sebra cosa buona e giusta segnalare quella particolarità.

    grazie ancora a presto!

Search
Tags
Seleziona rubrica
Seleziona rubrica
Codice Github