Codice per Masonry flessibili-fissi
Author: Giancarlo B.
Visited 719,
Followers 2,
Shared 0
Buongiorno, avrei la necessità di cambiare ad una certa risoluzione con la classica query, la modalità responsive della galleriamasonry da flessibile a fisso . Per la query non ho problema ma non so su quale CSS dell'oggetto devo intervenire per modificare questa opzione.
Questo per rendere meglio visibili le immagini alle risoluzioni smart.
A breve metterò un link per la valutazione.
Grazie KolAsim
Posted on the
Author
https://giancawordpress.altervista.org/masonry.html
credo sia da manipolare il div...
#pluginAppObj_68_04
visto che stabilisce la larghezza della visualizzazione al 100%, se lo imposti in px probabilmente ottieni l'effetto voluto... provato al volo online...
Author
Grazie Skeggia, guardano il codice sembrano ambedue gli oggetti settati in 100% sia quelo flessibile che fisso.
Author
però.... non vorrei avere guardano nel punto sbagliato
ora non ricordo il funzionamento del plugin, non ce l'ho aperto, ma mi sembra che per quello variabile, diminuisca l'altezza delle foto per rapportarle alla larghezza del browser e farcele entrare tutte, mentre per quelle fisse, adegua sempre l'altezza ma non calcola di farcele entrare tutte, quando non entrano rispetto alla larghezza del browser le manda a capo... descrizione un po' sommaria ma spero di farmi capire... a volte non mi capisco neanche io... quiindi non prendermi per oro colato...
...ciao a tutti,
... per casi simili a questo, (specialmente per le immagini di sfondo), io preferisco il mio storico metodo del div_sino, semplice ed immediato...
... per esempio, per l'attuale pagina gi Giancarlo:
<style>
@media(min-width:720px) {#imCell_3,#imCell_4 {display:none !important}}
@media(max-width:719px) {#imCell_1,#imCell_2 {display:none !important}}
</style>
... oppure nasconderne uno con le opzioni del programma e l'altro sempre con il mio codice ridotto, ...ma è più controllabile il primo metodo...
.
ciao
.
Author
Ciao Kol, grazie per l'intervento, utilizzando un tuo vecchio codice che mi averi fornito pe le colonne carrello poi modificato per questo oggetto sono arrivato a quello sotto e almeno sembra ok.
Ma meglio utilizzare il tuo immagino
@media (max-width: 1200px) and (min-width: 719px) { #masonry_pluginAppObj_68_01 .grid-item {width:48% !important;}}
Author
a me Kol interessava solo la prima galleria Elementi Flessibili la seconda era un esempio di come si deve comportare la prima, grazie.
Author
ahhh visto ora Kol, il tuo codice fa sparire la row ad una certa risoluzione, io intendevo un'altra cosa.
Author
messo online con:
@media (max-width: 960px) and (min-width: 380px) { #masonry_pluginAppObj_68_01 .grid-item {width:50% !important;}}
sembra ok.
... forse non ho capito che cosa intendevi ottenere...
... con il mio precedente codice, o vedi l'una o vedi l'altra galleria...
... ... da quel che mi ricordi, per controllare/personalizzare masonry non basterebbe agire solo sul CSS, ci sarebbe da riprogrammare qualcosa stravolgendo, ... ma non ne vale proprio la pena, potendo risolvere in modo semplice...
... io nei miei esperimenti masonry mi sono fermato al tooltip ed al posizionamento random delle sole anteprime ma che queste siano congrue tra loro...
.
Author
sai le tue preziose info sono salvare e catalogate, mi ricordavo che mi avevi aiutato tempo fa con le colonne del carrello, e credo che modificando alcune parti di esserci riuscito ad adattarlo.
... ho controllato la tua pagina con il tuo codice, ma ho avouto l'impressione che non si sia modificato l'aspetto nel breakpoint considerato, ...magari è solo una mia impressione, o non ho capito...
Author
Kol ho ripubblicato la pagina entrambe le gallerie sono flessibili ma la prima ha il codice.
... ho ricontrollato, ... qualcosa non mi quadra...
... quella con codice, a tutta apertura dovrebbe comportarsi come quella senza codice, ed invece ha aspetto diverso, con tutte le immagini in unica riga...
... sotto ai 960px il comportamento è simile tra la due se non che in alcune definizioni le immagini di quella senza codice sono leggermente più piccole...
.
Author
Si esatto, il comportamento che volevo è di restringersi fino ad un certo breackpoint poi a livello di smart sarebbero troppo piccole su una sola riga da vedere e quindi si incolonnano
... OK ... ciao
.