Home page con wowslider a tutto schermo responsive.
Autore: Mirko D.Ho provato a seguire tutti i post che riguardano gli argomenti. Premetto che l’avevo gia fatto qualche mese fa con la versione 9. Ho provato a rifarlo con la versione 13 ma c’è sempre qualche errore.
Voglio un home page dove le foto (a tutto schermo)si adattano alle varie grandezze dello schermo .Che misura usare delle foto? 16/9? O 4/3?
Io ho usato foto tagliate in 1920/1100.
La larghezza più o meno c’è l’altezza non riesco ad averla uguale: non voglio ne spazio bianco sotto, ne scroll.
Sul pc che uso è ok che ha una risoluzione 1366x768. Pero poi su altri schermi ho spazio bianco. Ho notato che cmq la wowslider piu o meno si adatta(cioè se apro il link dove ho messo la wowslider è quasi ok su tutti gli schermi); messa sulla home page come iframe no
http://www.gaetanoroberto.it/1100/index.html
Aiuto
...!... hai un errore nella pagina, un doppio TAG BODY ... correggi ...!...
... per lo sfondo hai usato un mio codice, nato però per altre destinazioni...
... nel tuo caso, sempre da altri miei metodi, correggi da:
#div_iframe {position:absolute; ... eccetera...
... in:
#div_iframe {position:fixed; ... eccetera...
.
Autore
GRAZIE INFINITE!
Adesso Per avere le foto quanto più possile intere, senza tagli, che vanno bene sia per sedici noni che quattro terzi, in che proporzione mi conviene tagliarle?
cmq ho visto su un monitor 1920x1200 e sotto mi lascia dello spazio
... mi sembra che adesso lo sfondo si comporti bene...
... per il rapporto delle immagini, credo che il più adatto sia 1:1 oppure 4:3 ...dando rilevanza alla sezione centrale dell'immagine, in modo che sia sempre visibile ad ogni eventuale ritaglio in base alla risoluzione della finestra...
(... volendo, con un po' di impegno e con un controllo JS e/o media query, si potrebbe cercare di utilizzare sfondi diversi che meglio si adattino in base alle varie risoluzione, per esempio con immagini 3:4 per finestre verticali oppure 4:3 per finestre quadrate o orizzontali...)
.
Autore
grazie!!!