AJUSTER DES IMAGES À LA DÉFINITION DE L'ÉCRAN DANS UNE NOUVELLE FENÊTRE

<!-- 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>