+- Forum di Matriz (https://www.matriz.it/forum)
+-- Forum: Programmazione Web (https://www.matriz.it/forum/forum-26.html)
+--- Forum: (X)HTML, CSS & JavaScript (https://www.matriz.it/forum/forum-28.html)
+--- Discussione: Info effetto griglia javascript (/thread-698.html)
Info effetto griglia javascript - Chandler - 03/08/2015
Buondì Mattia,
in questo sito quando restringi la finestra del browser puoi notare come i vari box si "spostano" in una diversa posizione.
E' possibile replicare questo effetto anche in questa pagina, dove in questo caso, ogni volt che clicco in una delle foto me la porta sopra col medesimo effetto e tutti i dettagli mentre le altre si "spostano" sotto? Non so se mi sono spiegato...
Vorrei sapere anche dove trovare eventualmente lo script js per questo effetto...
Attendo tue
grazie
Chand
RE: info effetto javascript - Mattia - 04/08/2015
Potresti provare a usare Isotope, una libreria JavaScript che dovrebbe fare quello che serve a te.
Tieni conto che la licenza per applicazioni commerciali è a pagamento.
RE: Info effetto griglia javascript - Chandler - 17/09/2015
Rieccomi, lo sviluppatore ha provato a implementare Isotope, solo che sembrerebbe usare una tecnologia diversa da bootstrap anche se apparentemente sembra simile... e non riesce a far funzionare bootstrap con quegli script, si incartano tra di loro e si "annullano" a vicenda. Tu che dici? Si può fare?
RE: Info effetto griglia javascript - Mattia - 17/09/2015
Qui dovresti trovare un esempio di come far funzionare insieme Bootstrap e Isotope.
RE: Info effetto griglia javascript - Chandler - 13/10/2015
Buondì Mattia,
invito lelebass ad affrontare anche questa problematica in questo post, visto che non siamo riusciti ancora a far convivere bootstrap e isotope.
RE: Info effetto griglia javascript - Chandler - 15/10/2015
Ciao Mattia,
rieccomi, vorrei capire se in questa pagina è possibile applicare l'effetto del post.
Normalmente lo script funziona quando stringi la finestra del browser... in questo caso dovrebbe funzionare al click e, cosa più importante, uno qualsiasi dei box in basso al click slitta in alto ingrandendosi e facendo apparire il relativo testo.
Mi confermi che è una cosa fattibile?
Grazie
RE: Info effetto griglia javascript - Mattia - 15/10/2015
Non ho fatto delle prove, ma dovrebbe essere fattibile.
Al click dovresti attivare una funzione che sposta l'elemento come primo della lista (guida all'ordinamento di Isotope) e che lo ingrandisce (crei una classe CSS per la dimensione maggiore e la applichi tramite il metodo addClass di jQuery).
Eventualmente, se non ti serve l'effetto del movimento, potresti non usare Isotope, ma i metodi detach e prependTo di jQuery.