Compatibilità:

WebSite X5 Evo e Pro

I cavallini di una giostra hanno un effetto un po' ipnotico: staresti per ore guardare il loro incessante giro tondo. Puoi replicare lo stesso piacevole effetto e creare un carosello con le tue immagini più belle. Ti basta usare l'Oggetto opzionale 3D Rotation Gallery: guarda alcuni esempi di quello che può fare in questa pagina di Anteprima.



Come creare il carosello 

  • Fai doppio click sull'Oggetto 3D Rotation Gallery inserito per accedere alla finestra con tutte le opzioni.
  • Clicca sul pulsante Aggiungi per importare le foto e i video che devono comporre la Galleria. 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 il pulsante 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).
  • Imposta le Dimensione in pixel delle immagini.
  • Imposta anche il valore, sempre in pixel, del Raggio della circonferenza lungo la quale si muovono le immagini.
  • Scegli la Velocità con la quale le immagini si devono muovere.
  • Se vuoi, attiva l'opzione Riflesso per aggiungere un riflesso sotto ciascuna immagine.


Come aggiungere link sulle immagini

  • Seleziona l'immagine su cui vuoi agire dalla Lista di immagini.
  • Clicca sul pulsante Collegamento in modo da richiamare la finestra omonima e seleziona l'azione che ti interessa.
  • Ripeti la procedura per tutte le immagini su cui vuoi prevedere un link. 

Passando con il mouse sulle immagini del carosello, gli utenti ne fermeranno il movimento e potranno cliccare per accedere ai contenuti collegati.


Note per una resa migliore

Le immagini del carosello rispettano la prospettiva. Le vedi alle loro dimensioni reale (quelle impostate attraverso l'opzione Dimensione) quando, durante il loro girotondo, passano sul retro. Quando, invece, passano sul davanti in primo piano, appaiono ingrandite.


Le dimensioni della cella delle Griglia di impaginazione e, di conseguenza, lo spazio occupato dall'Oggetto nella Pagina, sono determinate dalle dimensioni reali delle immagini. Per questo può accedere che le immagini ingrandite si sovrappongano parzialmente al contenuto che le precede e/o le segue.



A volte questa sovrapposizione risulta gradevole ma, se così non fosse, puoi ovviare facilmente aumentando lo spazio che separa l'Oggetto 3D Rotation Gallery da quello che lo precede e/o lo segue. Uno dei modi per farlo è agendo sui margini:   

  • Seleziona la cella della Griglia di impaginazione in cui è inserito l'Oggetto 3D Rotation Gallery.
  • Clicca sul pulsante Margini che trovi nella barra sopra alla Griglia: in questo modo richiami la finestra Margine e Allineamento.
  • Aumenta il valore dei margini interno e/o esterno fino ad ottenere il risultato che più ti piace. Aiutati guardando i cambiamenti nell'Anteprima in locale. Nell'immagine successiva, per esempio, è stato solo aumentato il margine esterno superiore e inferiore, portandolo da 10px a 60px.


In base allo spazio occupato dall'Oggetto nella pagina, al numero delle immagini inserite e alle dimensioni previste per le immagini stesse e per il raggio della circonferenza lungo la quale si muovono, vedrai più o meno spazio fra un'immagine e l'altra. Se vuoi modificare questo spazio, quindi, valuta come cambiare uno dei parametri citati.



Impaziente di usarlo nelle pagine del tuo sito? Installa subito l’Oggetto 3D Rotation Gallery


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