Area shape et javascript

Bonjour,

je suis en train de créer un site internet et merci à toutes les informations que j'ai pu trouver dans ce forum et qui m'ont déjà beacoup aidé.

Actuellement mon soucis se situe à intégrer un area shape avec une action javascript derrière.
Sur ma page, j'ai du texte et des vignettes. Lorsque l'on clique sur la vignette la photo apparaît en plus grand sur la page et lorsque l'on reclique dessus à n'importe quel endroit celle-ci se ferme.
Hors je souhaiterais la fermer en cliquant seulement sur le coin en haut à droite. J'ai essayer en mettant la balise area shape suivie de l'action javascript mais sans résultat.
Voici le code me permettant d'afficher et de fermer l'image :

<a class="nogo" onclick="document.getElementById('t2').style.display='block'">
<img src="xxx" alt="xxx" title="xxx" class="histoire_pic_r"/></a>
<div id="t2" class="imgbig" onclick="document.getElementById('t2').style.display='none'"><img src="xxx" />
</div>

Les class utilisés n'ont aucune importance, il ne servent qu'à la disposition de l'image sur la page.

Voila, j'espère que quelqu'un connaît une solution toute simple à ce problème et je l'en remercie par avance.