Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
Info effetto griglia javascript
#1
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... Big Grin
Vorrei sapere anche dove trovare eventualmente lo script js per questo effetto...

Attendo tue

grazie

Chand
Cita messaggio
#2
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.
Mattia!
Cita messaggio
#3
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?
Cita messaggio
#4
Qui dovresti trovare un esempio di come far funzionare insieme Bootstrap e Isotope.
Mattia!
Cita messaggio
#5
Buondì Mattia,
invito lelebass ad affrontare anche questa problematica in questo post, visto che non siamo riusciti ancora a far convivere bootstrap e isotope.
Cita messaggio
#6
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
Cita messaggio
#7
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.
Mattia!
Cita messaggio


Discussioni simili
Discussione Autore Risposte Letto Ultimo messaggio
  [WordPress] Effetto rollover con info Chandler 4 4.318 22-05-2017, 14:56
Ultimo messaggio: Chandler
  Effetto JS tipografico Chandler 4 6.823 20-04-2015, 18:33
Ultimo messaggio: Chandler
  Effetto CSS opacizzazione immagini! Naroku95 3 7.108 31-10-2011, 14:48
Ultimo messaggio: Mattia

Vai al forum:


Utenti che stanno guardando questa discussione: 1 Ospite(i)