Buonasera a tutti.
Vorrei chiedervi una mano per la scrittura di un codice JS da applicare a 5 pulsanti.

L'idea è questa:
I 5 pulsanti al caricare della pagina vengono raffigurati da un'immagine uguale.
Questa alla fine del caricamento cambia in 5 immagini diverse per ogni tipo di pulsante.
Poi ogni volta che passo sopra col mouse, ogni pulsante avrà un altra immagine ad esso associato.

Nel caso specifico sono 5 pulsanti che rappresentano 5 carte. All'inizio avrò il dorso delle carte, uguale per tutte, un solo img. Le 5 carte gireranno e si vedranno 5 figure diverse, quindi 5 file img diversi. Poi al passaggio del mouse le img avranno dentro le scritte della sezione, quindi altri 5 img. Totale 11 img diverse.

Come posso fargli fare questi passaggi? Da dove inizio?