Compatibilità:

WebSite X5 Evo e Pro

Una lavagna su cui sono appese con delle puntine le tue polaroid preferite: si apre la finestra e un soffio d'aria le fa oscillare leggermente. È questo l'effetto che puoi ricreare sulla tua pagina web con l'Oggetto Opzionale Polaroid Grid. Ovviamente online non ci sarà alcuna corrente d'aria: allora, ti basterà scrollare la pagina per vedere le polaroid animarsi.


Vuoi qualche esempio da cui trarre ispirazione? Guarda quelli raccolti nella pagina di Anteprima.


Crea la lista delle polaroid

Ora che sai qual è il risultato che puoi ottenere, crea la tua galleria iniziando con il definire la lista delle immagini da visualizzare in stile "polaroid":

  • Fai doppio click sull’Oggetto Polaroid Grid inserito per accedere alla finestra con tutte le opzioni.
  • Rimani nella sezione Elenco, clicca sul pulsante Aggiungi e importa tutte le immagini che intendi utilizzare.
  • Puoi eliminare le immagini già importate, decidere se le queste devono essere visualizzate grandi o  piccole nella lista, e ordinarle come meglio credi tramite i tasti freccia.
  • Ricorda che per ciascuna immagine importata puoi cliccare sul pulsante per definire sia una Descrizione (visualizzata in calce alla polaroid) sia alcuni parametri SEO (Titolo e Testo Alternativo). In più puoi anche cliccare sul pulsante per procedere con l'inserimento di un link. 

   

Definisci lo stile della galleria

A questo punto puoi occuparti di alcuni aspetti più grafici:

  • Passa alla sezione Stile.
  • Inizia con il definire l'aspetto delle singole polaroid usando le impostazioni che trovi raggruppate come Fotografia. Nello specifico puoi:
    • definire la Larghezza in pixel di ciascuna polaroid; 
    • settare la Distanza tra una polaroid e l'altra;
    • impostare un Colore o importare un'Immagine per lo sfondo del telaio delle polaroid;
    • prevedere un'Ombra: se preferisci non avere l'ombra impostala come 'Trasparente'.  
  • Ora occupati del Pin, ovvero della puntina che tiene appesa la polaroid. Per questo elemento puoi decidere se visualizzarlo o meno e, nel caso, di quale colore deve essere.
  • Come abbiamo detto, se hai previsto delle descrizioni per le immagini, queste vengono visualizzate nella parte bassa dei telai delle polaroid. Con le opzioni raggruppate come Descrizione puoi formattare questi testi definendone il Tipo di Font, il Colore del testo e l'Allineamento.
  • Sotto la voce Effetti, invece; trovi l'opzione per attivare o disattivare l'Animazione su scroll della pagina (ovvero la leggera oscillazione delle polaroid) e fare in modo che queste vengano posizionate in maniera casuale.
  • Infine puoi fare in modo che cliccando su una polaroid, l'utente visualizzi la stessa immagine ingrandita: per ottenere questo devi attivare l'opzione Mostra ingrandimento su click tramite ShowBox e specificare le Dimensioni massime per le immagini ingrandite. Puoi anche decidere se nella finestra di ShowBox devono essere proposte o meno le miniature di tutte le immagini della galleria (Mostra le miniature nello ShowBox).
#tip - Puoi personalizzare lo stile della finestra di ShowBox; vedi: Come si imposta lo stile della finestra a comparsa ShowBox? Considera che, anche se è attiva la visualizzazione degli ingrandimenti in ShowBox, se su un'immagine è impostato un collegamento, al click viene eseguita l'azione prevista per il collegamento stesso.  


 

Impaziente di usarlo nelle pagine del tuo sito? Installa subito l’Oggetto Polaroid Grid


Non hai Crediti a sufficienza per acquistare questo Oggetto? Vedi tutti i pacchetti di Crediti