Un esempio per cambiare un'immagine al click del mouse sulla stessa:
codice:
XHTML
[img]mondo.jpg[/img]
CSS
#cartina
{
cursor:pointer;
}
Javascript
window.onload = function()
{
var cartina = document.getElementById('cartina')
cartina.onclick = function()
{
this.setAttribute('src', 'europa.jpg')
}
}
Le parti evidenziate sono quelle che devi modificare inserendo gli URL appropriati per le tue effettive immagini.
Questa è una soluzione, forse la più facile. Tuttavia, come ti ripeto, sarebbe interessante, giusto e appropriato approfondire la questione per abbattere tutte le 'barriere architettoniche' e permettere l'accesso alla pagina anche a persone disabili.
Se hai tempo e voglia, quindi, c'è tutto il margine per fare un lavoro più accurato e sicuramente migliore.