[js] inserire un'immagine sopra un'altra

[cicoandcico]

ho un problema che credo si possa risolvere con javascript, linguaggio che purtroppo conosco molto poco.
in pratica ho un'immagine di tot pixel, e vorrei che al clic del mouse sull'immagine venga inserita un'altra immagine, più piccola, sopra la precedente. ovviamente l'immagine deve essere inserita nel punto del clic.
tra i miei tentativi quello più riuscito è questo: ho mappato l'immagine di sfondo con ismap, recuperando con js la posizione x e y del clic. quindi ho inserito l'immagine piccola con l'attributo css "position:absolute", che però è relativo alla pagina intera e non all'immagine principale. quindi il posizionamento non è esatto. quindi ho pensato:

• o di recuperare la posizione dell'immagine principale e calcolare la posizione della secondaria a partire da questa (il problema è che tale posizione non è fissa, ma dipende dalla risoluzione visto che l'immagine è centrata)
• o di fissare l'immagine secondaria come assoluta, ma relativamente a quella principale (ma mi sa che non è possibile)

però entrambe non mi sono riuscite. se ci fosse una strada più semplice che non ho considerato... grazie mille