SlideShow con funzionalità di base con jQuery

SlideShow con funzionalità di base con jQuery

This

is

a

simple

SlideShow

Codice della Lezione: SlideShow con funzionalità di base

//inizializzazione jQuery $(document).ready(function(){ // Selezione dell'interno del div flexboxSlideShow (greater than 0 gt(0), quelli più grandi di 0) e nascondile $(".flexboxSlideShow > div:gt(0)").hide(); //settare un intervallo all'interno del quale devono funzionare i metodi setInterval(function() { //seleziona il primo div all'interno della classe flexboxSlideShow $('.flexboxSlideShow > div:first') // effetto scomparsa in 1 secondo .fadeOut(1000) // seleziona il successivo (sibilings) .next() // mostra in 1 secondo .fadeIn(1000) // fine .end() // ricomincia daccapo .appendTo('.flexboxSlideShow'); }, 2000); });

Scritto da Donato Pirolo

Ciao, sono Donato, frontend developer con una smisurata passione per la SEO. Creo strumenti ad hoc per aiutare aziende e professionisti ad essere cercati sul web e trovare clienti.

Potrebbero interessarti

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Copyright © 2022
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram