Creare un background con immagini random per il tuo sito web
- Web developing
- 1 ottobre 2016
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.