Slideshow JavaScript

In questa lezione sviluppiamo un semplice slideshow in JavaScript.

Gli slideshow di immagini sono un modo efficace ed accattivante per presentare visivamente un sito web. È superfluo quindi evidenziare che occorre selezionare foto di alta qualità, ben illuminate e nitide e di forte impatto visivo. L’obiettivo è quello di raccontare la storia attraverso le immagini, mantenendo coerenza e connessione tra di esse.

Slideshow in JavaScript

Lo slideshow che svilupperò avrà dei pulsanti ai lati per scorrere le immagini e i button sotto per selezionare l’immagine desiderata. Inoltre lo slideshow inizia in automatico ma non appena si clicca sui button lo slideshow si interrompe.

Provate adesso la versione realizzata scorrendo lo slideshow sotto:

.slider-container2 { position: relative; width: 100%; overflow: hidden; } .slider2 { display: flex; height: 600px; transition: transform 0.5s ease-in-out; } .slide2 { min-width: 100%; box-sizing: border-box; display: none; } .slide2.active { display: block; } .img-slide { width: 100%; height: auto; } button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.5); /* Sfondo semi-trasparente */ border: none; font-size: 24px; cursor: pointer; outline: none; color: #333; /* Colore del testo */ padding: 10px; /* Aggiungi spazio intorno al testo */ border-radius: 5px; /* Bordi arrotondati

Continua la lettura su: https://www.codingcreativo.it/slideshow-javascript/ Autore del post: Cristina Parma Fonte:

Articoli Correlati

Lapbook e libri didattici fai da te: una raccolta su tanti argomenti e occasioni

Di seguito riportiamo molte risorse utili per la didattica. In particolare si tratta di lapbook e libri didattici fai da te: ce ne sono per decine di occasioni e circostanze didattiche. Ricordiamo la fonte: il ricchissimo sito homemademammaVai al materiale raccolto di seguito:Il Lapbook dell’Arca di NoèIl lapbook pasquale: la storia di Easter BunnyIl lapbook dei donosauriNel mondo di Pesciolino e StellinaUn mare di naviGranny il granchietto e i suoi amiciIl fantasma GedeoneGlu e i suoi amici animali: parte 1 – parte 2 – parte 3Una casa sicura: il lapbook della sicurezza in casaIl libro gioco delle fatine: tanti giochi logici tutti da colorareIl libro gioco dei dinosauri Il libro gioco dei cavalieriIl libro gioco sullo spazioIl libro gioco sui draghiIl libro gioco sui robotIl libro gioco degli alieniIl libro gioco degli animaliIl libro gioco della fattoriaIl libro gioco sul mareIl libro filastrocca dell’inverno Il libro filastrocca dell’autunno il libro filastrocca della primaverail libro filastrocca dell’estateIl libro dei 5 sensischede gioco dell’estateIl libro gioco dell’estateIl libro gioco dei Robotil libro gioco degli alienilibro gioco degli animaliil libro gioco di GrammyIl LIBRETTO DELLA RANA GELSOMINA da colorare per imparare la vita delle raneLa storia di Gocciolina da colorare  per imparare il ciclo dell’acqualibretto delle prime parole in inglese a colorilibretto delle prime parole in  inglese in bianco e neroFANTASIA: il LIBRO CREATIVO per lasciar libera la fantasiaVento di vacanze: libro gioco per l’estateEvviva le vacanze: il libro gioco dell’estateUn arcobaleno di colori: il libro gioco delle vacanze

Nuovo PEI 2022-2023: guida operativa alla compilazione, esempi precompilati, documenti utili

In questo post, che racchiude risorse di diverso tipo a supporto dei docenti che hanno a che fare con la compilazione del nuovo PEI 2022-2023, troverai i seguenti contenuti:1. Guide Erickson (le migliori e più esaustive) alla compilazione del NUOVO PEI;2. Due guide, una testuale e una in formato video, alla compilazione del NUOVO PEI (tratta dal sito “diversi tutti”);3. Guida alla compilazione del NUOVO PEI elaborata dal Comprensivo di Calolziocorte(LC);4. Un esempio di NUOVO PEI precompilato;5. Una video guida alla compilazione del NUOVO PEI tratta dal canale Gessetti Colorati6. I documenti previsti dal decreto 182 del 2020 sono i seguenti.********************************1. In questo post forniamo ai colleghi diverse tipologie di materiali che riguardano la compilazione del nuovo PEI 2022-2023. Per questo ti consigliamo di leggere tutto l’articolo per trovare quelli che sono più congeniali alle tue esigenze.Per iniziare, consigliamo lo studio e la lettura integrale dei materiali proposti di seguito, perché, oltre a dare una cronice culturale e pedagogica esaustiva del nuovo PEI, ne illustrano anche nel dettaglio le caratteristiche. Li consigliamo soprattutto ai docenti di sostegno.- Costruire il nuovo PEI all’infanzia. Strumenti di osservazione, schede-guida ed esempi di sezioni compilate.- Costruire il nuovo PEI alla primaria. Strumenti di osservazione, schede-guida ed esempi di sezioni compilate.- Costruire il nuovo PEI alla secondaria di primo grado. Strumenti di osservazione, schede-guida ed esempi di sezioni compilate.- Costruire il nuovo PEI alla secondaria di secondo grado. Strumenti di osservazione, schede-guida ed esempi di sezioni compilate.- I NUOVI PEI: come sono e in che modo compilarli in ottica BIO-PSICO-SOCIALE.: SOS PEI-ICF- Costruire il nuovo PEI su base ICF 2022: Guida pratica per insegnanti alla compilazione del nuovo pei in ottica bio-psico-sociale. Con espansione on-line.2. Riportiamo, tratte dal sito diversitutti.com, due guide gratuite alla compilazione del nuovo PEI, una VIDEO e l’altra testuale. Quest’ultima è senza dubbio più approfondita dell’altra.- Guida VIDEO: Guida operativa alla compilazione del nuovo PEI ICF-CYOppure puoi vederlo in basso:
– Guida in formato Testuale. LINK: L’unica guida per compilare il PEI ICF, gratuita e operativa!3. COME COMPILARE IL NUVO PEI?Per aiutare i colleghi a compilare il nuovo PEI in ogni sua parte, proponiamo una guida elaborata dall’Istituto Comprensivo di Calolziocorte(LC): per ogni sezione del documento viene spiegato di cosa si tratta, cosa riportarvi, cosa inserire:VAI ALLA GUIDA PER LA COMPILAZIONE DEL NUOVO PEI4. NUOVO PEI: UN ESEMPIO PRECOMPILATOIn rosso le parti precompilate che, ovviamente, sono soltanto degli esempi che vanno modificati a seconda dell’alunno per il quale redigiamo il PEIVAI ALL’ESEMPIO DI PEI PRECOMPILATO5. VIDEO GUIDAUna video guida alla compilazione del NUOVO PEI tratta dal canale Gessetti ColoratiCOME COMPILARE IL NUOVO PEI6. I documenti previsti dal decreto 182 del 2020 sono i seguenti:Linee guida – Modalità di assegnazione delle misure di sostegno e modello di PEIModello di PEI per la scuola dell’infanzia  Modello di PEI per la scuola primaria  Modello di PEI per la scuola secondaria di I grado  Modello di PEI per la scuola secondaria di II grado  Scheda per l’individuazione del debito di funzionamento

Vuoi rimanere aggiornato sulle nuove tecnologie per la Didattica e ricevere suggerimenti per attività da fare in classe?

Sei un docente?

soloscuola.it la prima piattaforma
No Profit gestita dai

Volontari Per la Didattica
per il mondo della Scuola. 

 

Tutti i servizi sono gratuiti. 

Associazione di Volontariato Koinokalo Aps

Ente del Terzo Settore iscritta dal 2014
Tutte le attività sono finanziate con il 5X1000