ouvrir un pop-up à partir d'une image mappée

Code

<area shape="rect" coords="400,0,440,40" href="aa2.jpg" onclick="évènement javascript à effectuer">

Code

<!-- DEBUT DU SCRIPT
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<A HREF="#" onClick="window.open('aa1.jpg','_im1','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=1, copyhistory=0, menuBar=0, width=500, height=500');return(false)"><AREA SHAPE="RECT" COORDS="340,0,400,40" HREF="aa1.jpg"></A>
<!-- FIN DU SCRIPT -->
<noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>

Code

# <!-- A INSERER ENTRE HEAD ET /HEAD -->
#
# <script language="JavaScript">
# /***************************************************************************
# * Fonction Ajustement Définition
# ***************************************************************************
# * AUTO_SCREEN | Ver. 1.2 | 19/09/2002
# ***************************************************************************
# *
# * Ouvre une nouvelle fenêtre sur click d'une vignette et affiche
# * l'image réelle avec ajustement à l'ecran du visiteur.
# *
# ***************************************************************************
# * Copyright : (C) 2002 BLINCKERS© Groups
# * Author : McPeter
# * Email : mcpeter@blinckers-groups.com
# * WWW : http://www.blinckers-groups.com
# ***************************************************************************
# ***************************************************************************
# * GNU GPL (english)
# * This program is free software; you can redistribute it and/or modify
# * it under the terms of the GNU General Public License as published by
# * the Free Software Foundation; either version 2 of the License, or
# * (at your option) any later version.
# ***************************************************************************/
#
# function VoirPhoto(chemin)
# {
# // Définition des variables 'ecran'
# var LargeurEcran = screen.availWidth;
# var NewLargeurEcran = parseInt(LargeurEcran * 0.993);
# var LargeurMaxEcran = parseInt(LargeurEcran * 0.980);
# var HauteurEcran = screen.availHeight;
# var NewHauteurEcran = parseInt(HauteurEcran * 0.97);
# var HauteurMaxEcran = parseInt(HauteurEcran * 0.939);
#
# //---------------------------------------------------
# // Définition des variables 'image'
# photo = new Image();
# photo.src = chemin ;
# var LargeurImg = photo.width ;
# var NewLargeurImg = LargeurMaxEcran;
# var HauteurImg = photo.height ;
# var NewHauteurImg = HauteurMaxEcran;
#
# //---------------------------------------------------
# // Environnement à l'affichage => Titre de fenêtre + tableau centreur
# // Vous pouvez modifier le texte en orange
# var titre = "<title>Le titre de ma page de visualisation d'images</title>";
# var HautTableau = "<table cellspacing=0 cellpadding=0 border=0 width=100% height=100%><tr><td align=center valign=middle>";
# var BasTableau = "</td></tr></table>";
#
# //---------------------------------------------------
# // Vérification du visuel à mettre en oeuvre
# if ((LargeurImg >= LargeurMaxEcran)||(HauteurImg >= HauteurMaxEcran))
# { // Si l'image est plus grande que l'écran en largeur 'ou' en hauteur
# if ((LargeurImg >= LargeurMaxEcran)&&(HauteurImg <= HauteurMaxEcran))
# { // Si l'image est plus grande que l'écran en largeur 'et' plus petite en hauteur
# affichage = "<img src="+photo.src+" width="+LargeurMaxEcran+">";
# viewver = open("","","width=" + NewLargeurEcran + ",height=" + NewHauteurEcran + ",top=0,left=0");
# }
# else if ((LargeurImg >= LargeurMaxEcran)&&(HauteurImg >= HauteurMaxEcran))
# { // Si l'image est plus grande que l'écran en largeur 'et' en hauteur
# if ((LargeurImg >= HauteurImg)&&(HauteurImg <= HauteurMaxEcran))
# { // Si l'image à une largeur plus grande que sa hauteur 'et' que sa hauteur est plus petite que la hauteur d'écran
# affichage = "<img src="+ photo.src+" width="+LargeurMaxEcran+">";
# viewver = open("","","width=" + NewLargeurEcran + ",height=" + NewHauteurEcran + ",top=0,left=0");
# }
# else if ((LargeurImg >= HauteurImg)&&(HauteurImg >= HauteurMaxEcran))
# { // Si l'image à une largeur plus grande que sa hauteur 'et' que sa hauteur est plus grande que la hauteur 'écran
# affichage = "<img src="+ photo.src+" height="+HauteurMaxEcran+">";
# viewver = open("","","width=" + NewLargeurEcran + ",height=" + NewHauteurEcran + ",top=0,left=0");
# }
# else if ((LargeurImg <= HauteurImg)&&(HauteurImg <= HauteurMaxEcran))
# { // Si l'image à une largeur plus petite que sa hauteur 'et' que sa hauteur est plus petite que la hauteur 'écran
# affichage = "<img src="+ photo.src+" width="+LargeurMaxEcran+">";
# viewver = open("","","width=" + NewLargeurEcran + ",height=" + NewHauteurEcran + ",top=0,left=0");
# }
# else if ((LargeurImg <= HauteurImg)&&(HauteurImg >= HauteurMaxEcran))
# { // Si l'image à une largeur plus petite que sa hauteur 'et' que sa hauteur est plus grande que la hauteur d'écran
# affichage = "<img src="+ photo.src+" height="+HauteurMaxEcran+">";
# viewver = open("","","width=" + NewLargeurEcran + ",height=" + NewHauteurEcran + ",top=0,left=0");
# }
# }
# else if ((LargeurImg <= LargeurMaxEcran)&&(HauteurImg >= HauteurMaxEcran))
# { // Si l'image est plus petite en largeur que l'écran 'et' plus grande en hauteur
# affichage = "<img src="+ photo.src+" height="+HauteurMaxEcran+">";
# viewver = open("","","width=" + NewLargeurEcran + ",height=" + NewHauteurEcran + ",top=0,left=0");
# }
# }
# else if ((LargeurImg <= LargeurMaxEcran)&&(HauteurImg <= HauteurMaxEcran))
# { // Si l'image est plus petite que l'écran en largeur 'et' en hauteur
# affichage = "<img src="+ photo.src+" width="+LargeurImg+">";
# viewver = open("","","width=" + NewLargeurEcran + ",height=" + NewHauteurEcran + ",top=0,left=0");
# }
# //---------------------------------------------------
#
# // Affichage de l'image
# visuel = titre + HautTableau + affichage + BasTableau;
# viewver.document.write(visuel);
# //---------------------------------------------------
# }
# </script>
#
# <!-- A INSERER DANS BODY -->
#
# <BODY>
# <!--
# A partir d'une miniature d'une image, on applique la fonction 'VoirPhoto' avec en attribut,
# le chemin d'accès (relatif ou absolu) de l'image normale.
# -->
# <IMG src="mini_image_1.gif" border="0" width="200" onclick="VoirPhoto('images/normal_image_1.gif')">
# <IMG src="mini_image_2.gif" border="0" width="200" onclick="VoirPhoto('images/normal_image_2.gif')">
# <IMG src="mini_image_3.gif" border="0" width="200" onclick="VoirPhoto('images/normal_image_3.gif')">
# <IMG src="mini_image_4.gif" border="0" width="200" onclick="VoirPhoto('images/normal_image_4.gif')">
# </BODY>