widget: Slider Immagine

Suggerimento

Stai cercando di creare un dispositivo di scorrimento delle immagini per lo sfondo di un elemento? Dai un'occhiata agli sfondi degli elementi.

Editor di contenuti

Per accedere all'editor di contenuti, fare clic con il pulsante destro del mouse sul widget e scegliere Modifica contenuto.

Aggiungi immagini

Per aggiungere un'immagine al dispositivo di scorrimento, fare clic su Aggiungi immagine o fare clic sull'immagine vuota Square. Si apre il selettore di immagini. Sono disponibili le seguenti opzioni:

  • Seleziona tra le immagini immediatamente disponibili.

  • Fare clic su Visualizzazione completa per aprire il Selettore immagini.

  • Fai clic sull'icona più per caricare un'immagine.

Rimuovi immagini

Nell'editor dei contenuti, fai clic sulla X nell'angolo superiore della miniatura dell'immagine per eliminarla.

Impostazioni immagine/diapositiva

Fare clic per selezionare un'immagine/diapositiva esistente nella scheda Contenuto dell'editor di contenuti. Questo apre le Impostazioni immagine e dove è possibile modificare il contenuto delle diapositive.

In Impostazioni immagine puoi inoltre intervenire sulle seguenti opzioni:

  • Sostituisci, modifica o elimina l'immagine.

    Nota

    Per ulteriori informazioni sulla modifica delle immagini, vedere Editor di immagini.

  • Posizione. Regola quale parte dell'immagine mostra.

  • Aggiungi link alla diapositiva. Trasforma l'intera immagine in un pulsante che può essere collegato.

  • Titolo del dispositivo di scorrimento. Aggiunge testo di grandi dimensioni all'immagine del dispositivo di scorrimento. Per nascondere il titolo, fai clic sull'icona a forma di occhio (questa opzione si applicherà solo a questa immagine/diapositiva).

  • Didascalia del dispositivo di scorrimento. Aggiunge un testo più piccolo all'immagine del dispositivo di scorrimento sotto il testo del titolo. Utilizza l'editor di testo per aggiungere colore, enfasi (grassetto, corsivo e sottolineato) e punti elenco al testo nella casella della didascalia. Per nascondere la didascalia, fai clic sull'icona a forma di occhio (questa opzione si applicherà solo a questa immagine/diapositiva).

    Nota

    Il campo di testo lungo offre varie opzioni di formattazione del testo, come il corsivo, il grassetto o la sottolineatura del testo.

  • pulsante. Aggiunge un pulsante all'immagine del dispositivo di scorrimento che può essere collegato come un widget pulsante. Per nascondere il pulsante, fai clic sull'icona a forma di occhio (questa opzione si applicherà solo a questa immagine/diapositiva).

  • Testo alternativo. Digita il tuo testo alternativo.

Modifica e sostituisci le immagini
  • Per aprire il selettore di immagini e selezionare un'immagine diversa, fare clic su Sostituisci.

  • Per aprire l'editor di immagini integrato per aggiungere funzioni e stili a un'immagine, fai clic su Modifica.

Editor di progettazione

Per accedere all'editor di design, fai clic con il pulsante destro del mouse sul widget e fai clic su Modifica design.

Impaginazione

Per visualizzare le opzioni di layout disponibili e modificare il layout, fare clic sulla miniatura.

Transizione

Nell'editor di progettazione, scorri fino alla transizione e configura le seguenti opzioni:

  • Transizione del dispositivo di scorrimento. Seleziona Dissolvenza o Scorrimento.

  • Riproduzione automatica.

  • Velocità di presentazione. Spostare il cursore per selezionare una velocità compresa tra 1 e 20 secondi.

  • Metti in pausa la presentazione su hover.

  • Animazione dei contenuti. Selezionare un'animazione dall'elenco a discesa.

Visualizza immagini complete

Quando le immagini vengono aggiunte al dispositivo di scorrimento delle immagini, non verranno visualizzate nelle loro dimensioni naturali. Queste immagini vengono visualizzate per riempire le dimensioni del dispositivo di scorrimento delle immagini, quindi le immagini possono diventare allungate o sfocate. Per visualizzare le immagini nelle loro dimensioni naturali, nell'editor di progettazione fare clic su Cornice e quindi sull'interruttore Visualizza immagine intera .