[javascript] redimensionnement image
kentwood
-
kentwood -
kentwood -
bjr voila je fais une galerie d image toute simple avec une code php. mes image se nomment successivement 1.jpg 2.jpg etc...
j aurais besoin de corriger la taille de mes images a la volée en definissant une largeur maximum de 610 px et une hauteur max de 520px le tout en gardant les proportions de mes images. ne connaissant pas grand chose en javascript quelqu un peut il m aider ?? merci.
voila le code de ma page:
j aurais besoin de corriger la taille de mes images a la volée en definissant une largeur maximum de 610 px et une hauteur max de 520px le tout en gardant les proportions de mes images. ne connaissant pas grand chose en javascript quelqu un peut il m aider ?? merci.
voila le code de ma page:
A voir également:
- [javascript] redimensionnement image
- Image iso - Guide
- Légender une image - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Telecharger javascript - Télécharger - Langages
1 réponse
<?
if (isset($_GET["img"]))
{
$img = $_GET["img"];
}
else $img = 1;
//echo $img;
?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Models Viewer</title>
<style type="text/css">
<!--
@import url(../../../webfiles/setup.css);
-->
</style>
</head>
<body class="bmain">
<div class="menu" align="center"><? if ($img!=1) echo "<a href='gallery.php?img=".($img-1)."'>"; ?><img src="../../../webfiles/img/left.jpg">
<? echo "</a>"; ?>
<a href="../list.php"><img src="../../../webfiles/img/list.jpg"></a>
<? $next_file = ($img+1).".jpg";
if (file_exists($next_file)) echo "<a href='gallery.php?img=".($img+1)."'>"; ?><img src="../../../webfiles/img/right.jpg"><? echo "</a>"; ?></div>
<div class="dmainz" align="center">
<map name="map">
<area shape="rect" coords="54,42,81,71" href="../../../home.php">
</map>
<img src="../../../webfiles/img/gallery.png" usemap="#map"></div>
<div class="pix" align="center">
<a href="original/<?=$img;?>.jpg"><img src="<?=$img;?>.jpg"></a>
</div>
</body>
</html>
if (isset($_GET["img"]))
{
$img = $_GET["img"];
}
else $img = 1;
//echo $img;
?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Models Viewer</title>
<style type="text/css">
<!--
@import url(../../../webfiles/setup.css);
-->
</style>
</head>
<body class="bmain">
<div class="menu" align="center"><? if ($img!=1) echo "<a href='gallery.php?img=".($img-1)."'>"; ?><img src="../../../webfiles/img/left.jpg">
<? echo "</a>"; ?>
<a href="../list.php"><img src="../../../webfiles/img/list.jpg"></a>
<? $next_file = ($img+1).".jpg";
if (file_exists($next_file)) echo "<a href='gallery.php?img=".($img+1)."'>"; ?><img src="../../../webfiles/img/right.jpg"><? echo "</a>"; ?></div>
<div class="dmainz" align="center">
<map name="map">
<area shape="rect" coords="54,42,81,71" href="../../../home.php">
</map>
<img src="../../../webfiles/img/gallery.png" usemap="#map"></div>
<div class="pix" align="center">
<a href="original/<?=$img;?>.jpg"><img src="<?=$img;?>.jpg"></a>
</div>
</body>
</html>