Il componente Slideshow consente di inserire una sequenza di immagini visualizzate tramite scorrimento automatico. Questa funzionalità permette di presentare contenuti visivi in modo dinamico, rendendo le pagine più coinvolgenti.
Lo slideshow può essere utilizzato per mostrare gallerie fotografiche, portfolio, promozioni o immagini di presentazione, migliorando l’impatto visivo del sito.
Inserimento del componente nell’area di lavoro
L’inserimento dello slideshow avviene tramite l’editor di progettazione di SuperSite, per aggiungere il componente alla pagina è necessario procedere come segue:
- accedere alla Barra degli elementi situata sul lato sinistro dell’interfaccia
- selezionare la categoria Media
- individuare il componente Slideshow e trascinarlo nell’area di lavoro utilizzando la funzione drag and drop
Caricamento e gestione delle immagini
Dopo aver inserito il componente è possibile caricare le immagini che verranno visualizzate nello slideshow.
Accesso alla modifica
Per gestire i contenuti è necessario selezionare il componente e utilizzare il percorso Modifica slideshow/Cerca immagini, che apre la finestra di gestione dei file.
Canali di caricamento
All’interno della finestra sono disponibili diverse modalità di selezione delle immagini:
- Caricamento da PC, per caricare immagini presenti nella memoria locale del computer
- Immagini presenti nell'editor, per utilizzare file già caricati nella libreria del sito
- Database Pixabay, per accedere a una raccolta di immagini e illustrazioni disponibili online
Utilizzo di Pixabay
Nel caso della ricerca tramite Pixabay, è possibile utilizzare la barra di ricerca integrata inserendo parole chiave per filtrare i risultati e individuare più rapidamente le immagini desiderate.
Personalizzazione delle frecce di scorrimento
Per consentire agli utenti la navigazione manuale tra le immagini è possibile attivare e personalizzare le frecce di scorrimento dello slideshow:
- selezionare il componente e cliccare su Modifica slideshow
- individuare l’Icona delle frecce nella barra di editing del componente
- attivare la voce Visualizza frecce
- scegliere il modello di icona desiderato tra quelli disponibili
- impostare il colore tramite la palette Colore frecce
Aggiunta di collegamenti alle immagini
Ogni immagine dello slideshow può essere associata a un collegamento, rendendo il componente interattivo.
Utilizzando l’Icona della catena (Aggiungi link) è possibile impostare collegamenti verso diverse destinazioni:
- una pagina interna del sito
- un sito web esterno
- un’ancora collegata a un componente della stessa pagina
- una finestra pop-up
- un file da scaricare o visualizzare
- nessun link, per disattivare l’interazione al clic
È importante ricordare di salvare le modifiche effettuate prima di uscire dalla modalità di editing per assicurare la corretta applicazione delle configurazioni.
Configurazione del player dello slideshow
Il Player consente di gestire lo scorrimento automatico delle immagini e di aggiungere controlli di riproduzione al componente, per configuralo è necessario:
- cliccare sull’Icona dell'occhio (Lettore di immagini)
- attivare la voce Visualizza Player
- selezionare la posizione del player scegliendo tra Destra, Sinistra o Centro
- personalizzare il colore di sfondo del player e il colore delle icone di controllo
Impostazioni avanzate e integrazione social
Il componente mette a disposizione alcune opzioni aggiuntive per migliorare la resa grafica e l’integrazione con altri servizi.
Effetti Visivi
Dalle impostazioni avanzate è possibile intervenire sulla resa grafica del componente:
- Transizione, permette di scegliere la modalità di passaggio tra le immagini (ad esempio, definendo l'effetto di dissolvenza o di scivolamento)
- Cornice o Ombra opzioni per aggiungere bordi decorativi o profondità al componente, isolandolo visivamente dal resto del layout.
Sincronizzazione Facebook
Il componente permette di sincronizzare lo slideshow direttamente con i dati del proprio account Facebook. Questa funzionalità rappresenta un vantaggio strategico significativo, poiché consente di mantenere il sito web aggiornato automaticamente con i contenuti pubblicati sui social, riducendo la necessità di caricamenti manuali ripetitivi.