Taille de l'image

Fermé
yani - 2 juin 2007 à 23:55
 king - 3 juin 2007 à 15:08
bonjour a tous.
j'ai trouvé un script qui m'affiche une gallerie d'images, mais le probleme c'est qu'il m'affiche des images en grande format. comment faire pour reduire cette taille?
voici le code et merci d'avance

<html><head>
<META NAME="DESCRIPTION" CONTENT="Le portail du développement PHP des jeunes Webmasters">
<META NAME="KEYWORDS" CONTENT="script, php, code, html, balises, programmation, javascript, web, webmaster, ressources, webmestre, jeune, débuter, commencer, langage">
<META NAME="REPLY-TO" CONTENT="eroan@free.fr">
<META NAME="AUTHOR" CONTENT="Eroan Boyer">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<META HTTP-EQUIV="CONTENT-LANGUAGE" CONTENT="fr">
<META HTTP-EQUIV="VW96.OBJECT TYPE" CONTENT="Archive">
<META NAME="ROBOTS" CONTENT="index,follow">
<META NAME="REVISIT-AFTER" CONTENT="15 days">
<META NAME="ROBOTS" CONTENT="ALL">
<link rel="stylesheet" type="text/css" href="style-gal.css">
<TITLE><? echo("Galerie de photos"); ?></TITLE>
</head><body>



<SCRIPT LANGUAGE="JavaScript">
table_photo = new Array;
table_noms = new Array;
table_type = new Array;

<?
$a = 0;
$handle = opendir("galerie");
while (($file = readdir())!=false) {
clearstatcache();
if($file!=".." && $file!=".")
{

// RECHERCHE DU FICHIER
echo "table_photo[$a] = 'galerie/$file';";

// RECHERCHE DU TYPE DE FICHIER
$file_type = strrchr($file, ".");
$file_type = str_replace(".", "", $file_type);
$file_type = strtoupper($file_type);
echo "table_type[$a] = '$file_type';";

// RECHERCHE DU NOM :
$file_name = strtolower($file);
$file_name = str_replace(".jpg", "", $file_name);
$file_name = str_replace(".jpeg", "", $file_name);
$file_name = str_replace(".gif", "", $file_name);
$file_name = str_replace(".png", "", $file_name);
echo "table_noms[$a] = '$file_name';";
$a++;
}
}
closedir($handle);
?>

function showing_photos(num)
{
if(document.getElementById)
{
diaporama_fin = "";
if(num!=0)
diaporama_fin += "<td height=20><p align=center><A HREF=# onClick='showing_photos("+(num-1)+");return(false)'><img border=0 src=prec.gif width=110 height=27></A></td>";
if(num!=(table_photo.length-1))
diaporama_fin += "<td height=20><p align=center><A HREF=# onClick='showing_photos("+(num+1)+");return(false)'><img border=0 src=suiv.gif width=83 height=27></A></td>";
document.getElementById("affichage_photos").innerHTML = "<div align=center><center><table border=0 width=640 cellspacing=0 cellpadding=5 height=500><tr><td colspan=2 valign=middle width=100% bgcolor=#FFFFFF height=20><table border=0 width=100% cellspacing=0 cellpadding=0><tr><td width=50%><img align=absmiddle border=0 src=nom-gal.gif width=16 height=16> Nom de l'image : "+table_noms[num]+"</td><td width=50%><img align=absmiddle border=0 src=typ-gal.gif width=16 height=16> Type d'image : "+table_type[num]+"</td></tr></table></td></tr><tr><td width=100% colspan=2 valign=middle height=380><table border=0 width=100% cellspacing=1 cellpadding=0 bgcolor=#CC99FF height=100%><tr><td width=100% bgcolor=#FFFFFF height=380><center><img src='"+table_photo[num]+"' BORDER=0></center></td></tr></table></td></tr><tr>"+diaporama_fin+"</tr></table></center></div>";
}
}

window.onload = new Function("showing_photos(0)")
</SCRIPT>


<DIV align="center" ID="affichage_photos"></DIV>

<br>

</body>
</html>
A voir également:

1 réponse

Il suffit de repérer tout ce qui parle de "width" et " height" concernant les images, puis tu modifies la taille et tu regardes ce qui est changé.

Bref, si tu ne piges pas un script, tu opères des changements sur une copie et tu regardes comment il se comporte (rien ne t'empêche après d'ajouter des commentaires pour ne pas oublier).
C'est comme ça qu'on apprend, on teste ;-)
0