Creare un background con immagini random per il tuo sito web

Creare un background con immagini random per il tuo sito web

Indice dei contenuti

Può essere interessante avere, sul proprio sito, uno sfondo con immagini che cambiano  in maniera casuale. Il background con foto random si implementa su qualsiasi sito HTML o Wordpress e Joomla con i dovuti accorgimenti.

Occorre per prima cosa creare un file CSS di questo tipo

body { -webkit-font-smoothing: antialiased; }

#page {
overflow: hidden;
position: relative;
background: #fff url(../../images/background/randomimage/rotate.php) 50% 100% no-repeat;
}

.no-top-a #block-top-a { background-image: none; }

Scaricate questo file PHP - rotate.php e mettelo in una cartella insieme alle immagini che potete chiamare come volete. Ora il gioco sta nel richiamare via CSS il file rotate.php quindi state attenti ai path. Ovviamente in base al CMS che usate dovrete creare uno style, associato a quel css e attivarlo sul vostro sito.


Graziano De Maio - Web Developer e SEO Specialist

Autore: Graziano De Maio

Web developer e SEO specilalist. Sono un consulente Seo – Web designer – Creo e fornisco assistenza su siti con Joomla e WordPress, sviluppo ecommerce con Woocommerce. Svolgo corsi Seo, Web Marketing, Joomla e WordPress di gruppo e one-to-one in azienda.