Conoscevo i lightbox ma non le finestre modali( credo sia giusta la traduzione del modal )
http://www.ericmmartin.com/projects/simplemodal
Questo e' un plugin per jquery che rende il tuo lavoro molto piu' semplice con relativo demo e spiegazione. Il codice e' praticamente gia fatto devi solo rispettare le sua convenzioni.
Per creare l'immagine come lo vuoi tu usi il tag map e sei anche fortunato che sono solo dei quadrati, misuri la foto e lo dividi in pixel.
http://www.w3schools.com/tags/tag_map.as
http://www.w3schools.com/tags/tag_area.as
Una volta creato le aree con jquery setti il gestore di clic dei vari area.
Un buon sistema sarebbe inserire dentro a un div invisibile le tue finestre modali che poi recupererai attraverso magari una coincidenza di classe per non mandare in popup la finestra sbagliata.
per evitare sovraposizioni di id potresti dare a area un id, e lo stesso valore alla relativa finestra modale esempio del caso io abbia un <area id="modal1"> avro un <div class="modal1"> naturalmente questa classe non dovra essere data ad altri perche' e' una convenzione privata creata per l'occorrenza.
$(function(){
$('area').click(function(){
var id = this.id;
$('#modalContainer').find('.'+id).modal();
});
});
se hai rispettato la struttura descritta sopra questo codice dovrebbe funzionare con poche modifiche. naturalmente devi aver incluso il codice jQuery e quello del suo plugin in questione.