Il tuo browser è più potente di quanto pensi: Aggiungi una firma a un PDF in Mozilla Firefox Gratuito

Ciao, mi chiamo Benjamin e in questo video sono entusiasta di presentare il componente slideshow. Questa nuova edizione ti consente di creare slideshow che si ripetono all'infinito e si riproducono automaticamente. Include controlli come le frecce e ti permette anche di creare effetti personalizzati. Questa è un'aggiunta ai componenti ticker e Carousel esistenti. Il Carousel è ottimizzato per il "scroll snapping", permettendo di includere più elementi per pagina e supporta lo scorrimento mobile. Il ticker consente di creare sezioni che scorrono all'infinito e si collegano senza soluzione di continuità, ma non c'è "snapping". Lo slideshow mira a colmare le lacune tra questi due componenti, offrendo casi d'uso ancora più entusiasmanti. Quindi, diamo un'occhiata a come funziona lo slideshow. Proprio come gli altri componenti, possiamo prenderlo dal menu di inserimento. Posso usare il piccolo connettore qui per aggiungere del contenuto. Ho quattro immagini sulla tela che vorrei aggiungere a uno slideshow e posso anche vedere il contenuto connesso tramite la proprietà contenuto qui, dove potrei anche ordinarle. Come puoi vedere, ci sono molte proprietà che possiamo personalizzare nello slideshow. Per ora, iniziamo dando un'anteprima per avere un'idea di come funziona per impostazione predefinita. Ora abbiamo uno slideshow che si ripete all'infinito e si riproduce automaticamente, ma c'è molto di più che possiamo fare. Ad esempio, mi piacerebbe avere più immagini visibili contemporaneamente, dove gli elementi inattivi sono attenuati e forse ridotti. Inoltre, vorrei aggiungere alcuni controlli come le frecce. Lo slideshow include anche alcune proprietà che il Carousel e il ticker non includono, come la possibilità di impostare l'elemento corrente da cui partire e avere più di un elemento visibile alla volta. Potrei impostare l'overflow su "mostra" e diamo un'altra anteprima. Questo è davvero interessante perché ti consente di superare i limiti definiti sulla tela. Successivamente, possiamo aggiungere alcune frecce che ci daranno un controllo manuale sullo slideshow. Puoi abilitarle qui e vedere come le ho personalizzate. Con le frecce ora visibili, possiamo procedere a dare un'altra anteprima. Come puoi vedere, lo slideshow continua a riprodursi automaticamente, ma possiamo anche usare i tasti freccia per passare all'elemento successivo o precedente. I controlli delle frecce si integrano molto bene con l'animazione automatica, risultando in una transizione fluida. Potremmo anche aggiungere dei punti che visualizzano il numero totale di elementi nel nostro slideshow, oltre a quale sia quello attivo. Un bel dettaglio qui è che, anche se il nostro slideshow è infinito, i punti si avvolgeranno bene, rappresentando l'elemento attivo in qualsiasi momento. Infine, divertiamoci con gli effetti. Abbiamo un sacco di proprietà qui che potremmo personalizzare e che definiscono come gli elementi non attivi si animano dentro e fuori dalla vista. Personalizzerò un po' queste e poi possiamo dare un'occhiata all'anteprima per vedere il risultato. Ed ecco il nostro slideshow finale: gli elementi non attivi sono attenuati, ruotati e leggermente ridotti, creando questo fantastico effetto simile al cover flow, e c'è molto di più che...