Unofficial WebSite X5
WebSite X5 versioni obsolete => WebSite X5 [v13] - Evolution/Professional - Discussioni generali => Topic aperto da: giancarlobar - 18 Dicembre, 2016, 18:19:24
-
Salve Ragazzi,
volevo provare a portare l'oggetto galleria Masonry a tutto schermo utilizzando il vostro codice (MAeSI)
<style>
#imPageRow_13 div {
padding: 0;
width: 100% !important;
}
#imPageRow_13 > div {
width: 33%;
box-sizing: border-box;
}
#imPageRow_13 img {
width: 100% !important;
height:auto !important;
}
</style>
la galleria è formata da 2 righe e 3 colonne, con il codice sopra inserito mi mostra le immagini una una sotto l'altra a schermo intero.
Probabilmente ho inserito un codice non corretto (credo il grassetto), ma non so nemmeno se sia fattibile espandere la galleria Masonry a schermo intero mantenendo le tabulazioni originali.
Grazie Giancarlo. ???
-
Intanto ti rispondo io: quell'oggetto è a pagamento e attualmente non lo abbiamo.
Se vuoi posta un link di esempio, per capire meglio come hai impostato la gallery.
-
grazie lemonsong della tua risposta...
questo link è senza codice
http://giancarlob.altervista.org/relaxation/
questa è la index con il codice
http://giancarlob.altervista.org/relaxation/index_MAeSI.html
-
Non so bene come funziona la Masonry nè come WebSite la integra ma abbiamo fatto qualche prova con la tua pagina online e con un codice tipo questo:
Only registered users can see contents. Please click here to Register or Login.
la gallery riempie lo schermo ma il numero delle colonne viene gestito dal plugin, che mantiene come riferimento fisso la larghezza delle immagini inserite (circa 290px).
Puoi forzare la visualizzazione delle 4 colonne a partire da un certo breakpoint, aggiungendo al CSS precedente una media query tipo questa:
Only registered users can see contents. Please click here to Register or Login.
ma corrri il rischio che a risoluzioni superiori le immagini si visualizzano sgranate.
-
Grazie ragazzi ... provo a fare qualche test con il codice da voi postato .... buona giornata.