bonjour a toutes et tous
voici un code que j'ai adapté avec d'autre bouts de codes trouvés sur les forums.
il parcours les images d'un répertoire local et les affichent dans une page sous forme de miniatures redimensionnées (pas de création de thumbnails).
jusque la ça fonctionne
maintenant j'aimerais que ces images soient un lien
hypertexte vers l'image taille réelle , j'ai un problème
de syntaxe .... j'ai essayé plein de trucs mais sans succes
pourriez vous m'aider ?
merci d'avance
voici le code qui fonctionne sous IE
------------------------------------------------------
<html>
<head>
<script>
function redimImage(inImg, inMW, inMH)
{
//-----------------------------------
// Cette function recoit 3 parametres
// inImg : Chemin relatif de l'image
// inMW : Largeur maximale
// inMH : Hauteur maximale
//-----------------------------------
var maxWidth = inMW;
var maxHeight = inMH;
//---------------------------------------------
// Declarations des variables "Nouvelle Taille"
//---------------------------------------------
var dW = 0;
var dH = 0;
//---------------------------------------------
// Declaration d'un objet Image
//---------------------------------------------
var oImg = new Image();
//---------------------------------------------
// Affectation du chemin de l'image a l'objet
//---------------------------------------------
oImg.src = inImg;
//---------------------------------------------
// On recupere les tailles reelles
//---------------------------------------------
var h = dH = oImg.height;
var w = dW = oImg.width;
//-------------------------------------------------------
// Si la largeur ou la hauteur depasse la taille maximale
//-------------------------------------------------------
if ((h >= maxHeight) || (w >= maxWidth)) {
//-------------------------------------------------------
// Si la largeur et la hauteur depasse la taille maximale
//-------------------------------------------------------
if ((h >= maxHeight) && (w >= maxWidth)) {
//---------------------------------
// On cherche la plus grande valeur
//---------------------------------
if (h > w) {
dH = maxHeight;
//-------------------------------------------
// On recalcule la taille proportionnellement
//-------------------------------------------
dW = parseInt((w * dH) / h, 10);
} else {
dW = maxWidth;
//-------------------------------------------
// On recalcule la taille proportionnellement
//-------------------------------------------
dH = parseInt((h * dW) / w, 10);
}
} else if ((h > maxHeight) && (w < maxWidth)) {
// Si la hauteur depasse la taille maximale
dH = maxHeight;
//-------------------------------------------
// On recalcule la taille proportionnellement
//-------------------------------------------
dW = parseInt((w * dH) / h, 10);
} else if ((h < maxHeight) && (w > maxWidth)) {
//-----------------------------------------
// Si la largeur depasse la taille maximale
//-----------------------------------------
dW = maxWidth;
// On recalcule la taille proportionnellement
dH = parseInt((h * dW) / w, 10);
}
}
//----------------------------------
// On ecrit l'image dans le document
//----------------------------------
document.writeln("<img src=\"" + inImg + "\" width=\"" + dW + "\" height=\"" + dH + "\" border=\"1\">");
};
</script>
</head>
<body>
<script>
//-----------------------------------
// active x pour acceder aux fichiers
//-----------------------------------
fso = new ActiveXObject("Scripting.FileSystemObject");
//---------------------------------------
// pointeur sur le repertoire selectionne
//---------------------------------------
f = fso.GetFolder('F:/nassim');
//----------------------------------------
// pointeur sur les fichiers du repertoire
//----------------------------------------
var f1 = new Enumerator(f.files);
//--------------------------------
// boucle de lecture du repertoire
//--------------------------------
for (; !f1.atEnd(); f1.moveNext())
{
//--------------------------------------------------
// appel de la fonction qui redimensionne les images
// et les affiche dans la page a la taille souhaitee
//--------------------------------------------------
redimImage(f1.item(),50,100);
}
</script>
</body>
</html>