ciao a tutti, è da tanto che sfrutto le risorse disponibili su HTML.it ma non sonoin grado di risolvere questa cosa.

ho una pagina che fa da galleria e mostra 6 immagini per volta, e un totale di 5 pagine (30 foto)

essendo un po arrugginito e un po nabbo di JS ho fatto pagina per pagina.

però per rendere tutto piu pratico e avere una singola pagina html per tutta la galleria volevo strutturare il tutto cosi:

la galleria si apre sulla pagina 1 di 5 e mostra le prime 6 foto
in basso ho i pulsanti avanti, indietro e quelli numerati delle varie pag.

visto che tutte le foto sono numerate da 1 a 30 come posso fare per far si che alla pressione per esempio del pulsante "avanti" le foto visualizzate cambino cambia dalla 1 alla 6 per mostrare quelle dalla 7 alla 12?

la logica dello script che pensavo era
creare le variabili globali conteneti i nomi delle prime sei img e richiamare il loro valore nel nome delle foto.
alla pressione sempre di "avanti" per esempio aumentare di 6 tale valore sostituendo cosi le img.


spero che almeno la logica sia giusta perchè l'aiuto che vorrei riguarda il codice JS
perchè se lo leggo riesco a capirne il significato ma a scriverlo per ora sono un po una sega

qualcuno può darmi un aiutino?