CHANGER LA DIMENSION D'IMAGE
Demonstration
Demonstration:
Le code Java
LE CODE JAVA : CHANGER LA DIMENSION D'IMAGE
IMAGES
ACCUEIL
HTML
<!-- TROIS ETAPES D'INSTALLER CHANGER LA DIMENSION D'IMAGE : --> <!-- ETAPE 1 : PLACER LE CODE 1 ENTRE LES BALISES <HEAD>..</HEAD> DU DOCUMENT HTML --> <HEAD> <style type="text/css"> <!-- .simple { border: 1px solid #cccccc; padding: 5px; text-align: center } --> </style> <script type="text/javascript"> <!-- Begin /* Ce script et d'autres sont sur le code java - GRATUIT le code java - http://www.lecodejava.com */ function fixImgs(whichId, maxW) { var pix=document.getElementById(whichId).getElementsByTagName('img'); for (i=0; i<pix.length; i++) { w=pix[i].width; h=pix[i].height; if (w > maxW) { f=1-((w - maxW) / w); pix[i].width=w * f; pix[i].height=h * f; } } } //--> </script> </HEAD> <!-- ETAPE 2 : PLACER onLoad SUR LA BALISE <BODY> --> <BODY onload="fixImgs('photos', 108) /*('element ID', maximum width)*/"> <!-- ETAPE 3: PLACER LE CODE 3 ENTRE LES BALISES <BODY>..</BODY> DU DOCUMENT HTML --> <div align="center"> <table id="photos" cellspacing="2"> <tr> <td class="simple"><img src="leila.jpg" alt="photo 1"></td> <td class="simple"><img src="leila2.jpg" alt="photo 2"></td> <td class="simple"><img src="lewis.jpg" alt="photo 3"></td> </tr> <tr> <td class="simple" colspan="3"><b>Demonstration:</b> <input type="button" value="Make width 81 pixels" onclick="fixImgs('photos', 80)"></td></tr> <tr> <td align="center" colspan="3"><a style="font-size:12px; color:blue; text-decoration:none" href="http://www.lecodejava.com/" target="offsite">Le code java !</a></td></tr> </table> </div> <!-- Script Size: 2.00 KB -->
Accueil
