[javascript] redimensionnement image
Fermé
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
- Telecharger javascript - Télécharger - Langages
- Acronis true image - Télécharger - Sauvegarde
- Image iso windows 10 - Guide
- Légender une image - Guide
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>