Messaggi: 578
Discussioni: 47
Registrato: Nov 2008
Reputazione:
0
ciao Mattia,
per il ridimensionamento, basta mettere il background fixed ?
Messaggi: 1.323
Discussioni: 171
Registrato: Nov 2006
Reputazione:
2
fixed è un valore della proprietà background-attachment di CSS (con fixed lo sfondo resta fermo anche se si scorre la pagina, mentre con scroll, che è il valore di default, lo sfondo scorre insieme alla pagina).
Forse tu intendi utilizzare la proprietà background-size che, oltre a dar la possibilità di dare una dimensione con le varie unità di misura allo sfondo, permette di ridimensionare un'immagine di sfondo in base al suo contenitore. Le due proprietà da utilizzare sono contain (lo sfondo viene ridimensionato in modo da starci tutto) o cover (lo sfondo viene ridimensionato in modo da occupare tutto l'elemento).
Mattia!
Messaggi: 578
Discussioni: 47
Registrato: Nov 2008
Reputazione:
0
Per ridimensionare le immagini abbiamo usato la proprietà background-size: cover;
Il problema è che l'effetto di movimento del background è ottenuto spostando (a livello javascript) la posizione del background, quindi quello che avviene è che l'immagine ha la dimensione del blocco, ma è traslata più in basso e quindi si vede una banda di background senza immagini (che poi scompare mentre si fa lo scroll). Quindi il problema è che quando scala si vedono queste immagini bianche sullo scroll.
Dici che si può risolvere?
Messaggi: 578
Discussioni: 47
Registrato: Nov 2008
Reputazione:
0
ho segnalato questa soluzione, grazie mille!
Tu che soluzione utilizzeresti invece??
Chand
Messaggi: 1.323
Discussioni: 171
Registrato: Nov 2006
Reputazione:
2
Se non funziona quella soluzione, dovresti creare un plugin per Stellar.js che ridimensioni lo sfondo leggermente più grande di quello che farebbe il cover in modo che, anche nel caso che venga spostato, copra tutto il div.
Mattia!
Messaggi: 578
Discussioni: 47
Registrato: Nov 2008
Reputazione:
0
Difatti lo sviluppatore dice che anche secondo lui non è la dimensione corretta. Cmq i div non vengono ridimensionati, è il background che viene ridimensionato. i div hanno altezza minima 1080...
Messaggi: 578
Discussioni: 47
Registrato: Nov 2008
Reputazione:
0
Mi faresti un esempio di come andrebbe creato il plugin per Stellar.js?
Grazie
Messaggi: 578
Discussioni: 47
Registrato: Nov 2008
Reputazione:
0
Vabbè, tentar non nuoce... :
mi faresti un esempio di plugin per stellar.js?
Grazie
Messaggi: 1.323
Discussioni: 171
Registrato: Nov 2006
Reputazione:
2
Puoi vedere l'esempio nel link che ti ho scritto in un messaggio precedente. Hai provato a utilizzare la soluzione del mio ultimo messaggio?
Mattia!
Messaggi: 578
Discussioni: 47
Registrato: Nov 2008
Reputazione:
0
lo sviluppatore ha provato ma nada! Entrambe le soluzioni non funzionano. Lui dice che probabilmente la cosa più veloce da fare è fare più immagini di background a varie dimensioni e scambiarle in funzione della risoluzione usando le css media query
Io non sono d'accordo, tu che ne pensi?
Vorrei capire il discorso del plugin dello stellar perché mi sembra la soluzione più ottimale
Messaggi: 1.323
Discussioni: 171
Registrato: Nov 2006
Reputazione:
2
A dir la verità, la soluzione con le media query è la migliore dal lato dell'utente, perché non dovrebbe scaricare un'immagine troppo grande inutilmente.
Mattia!
Messaggi: 578
Discussioni: 47
Registrato: Nov 2008
Reputazione:
0
le immagini non sono grandi (come kb, dunque non sarebbe un problema), per me l'ideale sarebbe che funzionasse esattamente come fiorucci.it