Immagini di sfondo alternate
Author: Giacomo F.Buonasera a tutti.
Sto realizzando un nuovo sito e mi piacerebbe creare un template a tutto campo con pagine al cui interno si alternano, scorrendo, diverse immagini di sfondo, proprio come qui: http://www.apple.com/it/iphone/
Nel mio progetto, ho inserito nella sezione della pagina home "Esperto/Prima della chiusura del tag HEAD" questo codice:
<style type="text/css">
#img1 {
background-image: url('files/img1.jpg');
background-position: center center;
position:relative;
background-repeat:no-repeat;
width:100%;
background-size: 1690px 765px;
}
</style>
e quest'altro nella sezione "Esperto/Dopo l'apertura del tag BODY":
<div id="img1"></div>
Risultato? L'immagine non viene caricata o comunque non viene visualizzata. Avete suggerimenti e soluzioni in merito?
intendi una cosa tipo questa...?
http://www.provews.altervista.org/div_sfondo/
oppure:
http://provews.altervista.org/fasce_orizzontali/index.html
Author
Sì, esatto...vorrei delle immagini che partano dall'estrema sinistra e arrivino all'estrema destra del monitor, senza lasciare spazi bianchi sia a destra che a sinistra.
Salve Mirko,
ma per questo effetto c'è bisogna di un jq esterno oppure inserire del codice nella sezione esperto.
Lo sfondo è formato da tante immagini, come vengono gestite??
Grazie
nel mio primo link ho inserito dei div con immagini posizionate all'altezza che voglio...(vedi codice)
il secondo link è stato creato da Lemonsong e Stesil qui:
http://www.unofficialwsx5.com/index.php?topic=1833.msg14752#msg14752
ma volendo potresti anche fare come detto tu....preparare uno sfondo già pronto con varie fasce...nessun codice, ma ad ogni aggiornamento si potrebbe sfalsare tutto se si sposta il testo in giù/su....