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 e clicca sul pulsante Aggiungi per importare le foto e i video. Cliccando sulla freccia del pulsante Aggiungi puoi scegliere se cercare un
File in locale o se utilizzare una
Libreria online (per maggiori informazioni, vedi Come si importa un file?). I file importati vanno a comporre la lista dei file che puoi ordinare e modificare liberamente.
#tip - Seleziona multipla. Tieni premuto il tasto CTRL e clicca su tutti i file che vuoi selezionare in modo da importarli in un unico passaggio.
- Con i pulsanti
puoi decidere se le anteprime delle immagine inserite devono essere visualizzate nella lista con dimensioni piccole o medie: in questo modo lavorerai in maniera più agevole.
- Composta la lista delle immagini puoi modificarla in ogni momento: oltre ad aggiungere nuove immagini, puoi eliminare quelle che non servono più o spostarle per creare un nuovo ordine. Per fare questo devi solo selezionare l'immagine dall'elenco e cliccare sul pulsante
per rimuoverla o usare i pulsanti freccia per spostarla.
- In maniera analoga, per ciascuna immagine/video inserito puoi utilizzare i seguenti pulsanti per:
- inserire un titolo e un testo alternativo utile ai fini dell'accessibilità oltre che dell'ottimizzazione SEO della pagina (vedi Accessibilità delle immagini: l'importanza del testo alternativo).
- definire una Descrizione che verrà visualizzata in calce alla polaroid;
- 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