<strong>Mise à l'échelle proportionnelle JS d'une image</strong> <br><br>Code<br><div class="codetitle"> <span><a style="CURSOR: pointer" data="74575" class="copybut" id="copybut74575" onclick="doCopy('code74575')"><u>Copier le code</u></a></span> Le code est le suivant : </div> <div class="codebody" id="code74575"> <br>Mise en évidence de code réalisée par Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / /FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3.org/1999/ xhtml "> <br><head> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br><title>Dernier javascript Afficher automatiquement les images proportionnellement et compresser les images proportionnellement</title> <br><script type="text/javascript"> <br>function AutoResizeImage(maxWidth,maxHeight,objImg){ <br>var img = new Image( ); <br>img.src = objImg.src; <br>var hRatio; <br>var h = img; .height; <br>wRatio = maxWidth / w; <br>hRatio = maxHeight / h; <br>if (maxWidth ==0 && maxHeight==0){ <br>Ratio = 1 <br> }else if; (maxWidth==0){// <br>if (hRatio<1) Ratio = hRatio; <BR>}else if (maxHeight==0){ <BR>if (wRatio<1) Ratio = wRatio <BR>}sinon if (wRatio<1 || hRatio<1){ <BR>Ratio = (wRatio<=hRatio?wRatio:hRatio); <BR>} <BR>if (Ratio<1){ <BR>w = w * Ratio; <BR>h = h * Ratio; <BR>} <BR>objImg.height = h; <BR>objImg.width = w; </head> <br><body> <br><br /> <br>Affichage de l'image originale (534 X 800)<br /> ceci)<br /> <br><a href="./img/IMG_20140424_200722.jpg" target="_blank"><img src="./img/IMG_20140424_200722.jpg" border ="0 " width="0" height="0" onload="AutoResizeImage(0,0,this)" alt="534 X 800"/></a><br/><br /> . /img/IMG_20140424_200722.jpg" target="_blank"><img src="./img/IMG_20140424_200722.jpg" border="0" width="0" height="0" onload="AutoResizeImage(250,250 , this)" alt="200 , l'image ne sera pas agrandie et affichée (affichée selon l'image originale)<br /> <br>L'image originale est de 444 x 207, compressée à 500 x 600, et l'image originale est l'image sera affichée<br /> <br>onload ="AutoResizeImage(500,600,this)"<br /> <br><a href="./img/IMG_20140424_200722.jpg" target="_blank" ><img src="./img/IMG_20140424_200722 .jpg" border="0" width="0" height="0" onload="AutoResizeImage(500,600,this)" alt="444 X 207"/> ;</a><br />< ;br /> <br></body> <br></html> <br><br> <br><br>Mise à l'échelle proportionnelle PHP images de la base de données<br> <br><br> <br><br><br>Copier le code<br><br> </div> Le code est le suivant :<br><strong> </strong><?php <BR>class ImgSF{ <div class="codetitle">function make_img($img_address ){ <span>//Mise à l'échelle constante des images<a style="CURSOR: pointer" data="66289" class="copybut" id="copybut66289" onclick="doCopy('code66289')"><U>//Étant donné que PHP ne peut fonctionner qu'avec des ressources, vous devez copier l'image qui doit être mis à l'échelle et créer une nouvelle ressource</U>$src =imagecreatefromjpeg($img_address); </a></span>//Obtenir la largeur et la hauteur de l'image source</div>$size_src=getimagesize($img_address); <div class="codebody" id="code66289">$w=$size_src['0']; <BR>$h=$size_src['1'] <BR><BR>//Spécifiez la largeur maximale (peut-être la hauteur) de la mise à l'échelle <BR>$ max=300; <br><br>//Selon la valeur maximale de 300, calculez la longueur de l'autre côté et obtenez la largeur et la hauteur de l'image mise à l'échelle <BR>if($w > $h){ <br>$w=$max; <br>$h=$h *($max/$size_src['0']); <br>}else{ <br>$h=$max <br>$w; =$w*($max/$size_src['1']) ; <br>} <br><br><br>//Déclarer une ressource d'image en vraies couleurs de $w largeur et $h hauteur<br>$ image=imagecreatetruecolor($w, $h); <br><br><br>//Fonction clé, paramètres (ressource cible, source, coordonnées de départ x,y de la ressource cible, coordonnées de départ x,y de la source ressource, largeur et hauteur w,h de la ressource cible, largeur et hauteur w de la ressource source, h) <br>imagecopyresampled($image, $src, 0, 0, 0, 0, $w, $h, $ size_src['0'], $size_src['1']); <br><br> //Dites au navigateur d'analyser <br>header('content-type:image/png'); $image); <br><br>//Détruire les ressources<br>imagedestroy($ image); <br>} <br>} <br>$obj=new ImgSF(); make_img("./img/IMG_20140424_200722.jpg"); <br><br>