Galleria Fotografica a scopo didattico...consigli

[Jekkil]

Ciao a tutti,
a scopo didattico sto provando a realizzare una galleria fotografica in html (con css e javascript).

Ho già realizzato il template della pagina e adesso mi trovo a dover "ideare" il sistema di caricamento delle immagini.

Quello che mi piacerebbe fare è: evitare di ricaricare la pagina intera e caricare solo l'immagine successiva e fare in modo di evitare quanto più possibile l'attesa per il caricamento di una nuova immagine.
Avevo pensato quindi di fare un caricamento preventivo delle immagini. Mi spiego: mentre sto guardando la foto 1, carico anche la foto 2 e la foto 3. Così quando chiedo di visualizzare la foto 2, vado avanti senza attesa. A questo punto, mentre vedo la foto 2, posso caricare la foto 4 (la tre già l'ho caricata) e la 5 e così via.
Pensate che possa essere un buon modo?

Come mi consigliate di realizzarlo? Javascript? Datemi i vostri consigli vi prego

Grazie a tutti

Jekkil

[furbostandby]

Sicuramente serve javascript.

La soluzione migliore sarebbe quella di modificare il tag <img> alla pressione del bottone, però questo costringerebbe a caricare ogni volta la fotografia al momento di visualizzarla.

Caricarle progressivamente richiederebbe invece uno script molto più complesso; se invece le visualizzassi tutte in un div a cui fai cambiare posizione la memoria occupata sarebbe troppa.

Le immagini che devi visualizzare si trovano in locale o in rete?
E intendi caricarle da una lista predefinita o devi ad esempio poter selezionare una cartella? Ti dico subito che nel secondo caso sarebbe impossibile con HTML/JS.

[Jekkil]

Ciao e grazie per la risposta.

Diciamo che le gallerie sono predefinite..cioè si può scegliere la galleria e quando viene scelta la galleria, vengono visualizzate in ordine tutte le foto.

Per fare un caricamento come quello che ho descritto io, voi come fareste?