Redimensionner Photos

[Magicus]

bonjour,

voici un extrait de mon code html:

<div id="images">
									   <img src="image1.jpg" />
									    <img src="image2.jpg" />
										</div>

je dois mettre 10 Photos dans une page ...

(768*576)

Comment faire pour les redimentioner ?

{ width=...px; height=...px;}

[Edit captain_torche : ] J'ai entouré ton code des balises [html ], pour plus de lisibilité.

[captain_torche]

Le souci, c'est que si tu redimensionnes tes images dans ta page "brutalement", le résultat sera loin d'être agréable à l'oeil, et surtout, les internautes devront tout de même télécharger les images "grande taille", pour n'afficher que des aperçus.

La meilleure solution serait de placer sur ton site, en même temps que tes images, des miniatures de ces images, à une taille réduite.

[Magicus]

slt,

Ok, je vais redimentioner mes images avec photoshop !

Mais il faut que apres que mes 10 photos soient sur la page , les gens doivent pouvoir cliquer dessus sur une photo pour la voir en plus grand ;

et je sais pas si je dois telecharger une galerie photos ou si un simple code suffit,

[captain_torche]

Le plus simple (pas forcément le plus joli) :

Tu fais ta première page avec les miniatures.

Sur chaque miniature, tu fais un lien vers le fichier jpg original (il s'affichera seul dans la page).

Sinon, tu peux également créer une page par fichier, contenant le fichier en taille normale. Un clic sur la miniature pointe automatiquement sur ce fichier (plus joli mais fastidieux).

[dwi]

Ou tu utilises un petit script PHP de ce genre :

<?
$im = ImageCreateFromJPEG($_GET[image]); 

$largeur = imagesx($im); // largeur de l'image a rétrécir 
$hauteur = imagesy($im); // hauteur de l'image à rétrécir 

$nouvlargeur = 150; // largeur a definir 
$nouvhauteur = (($nouvlargeur * $hauteur) / $largeur); // hauteur proportionnelle par rapport à la largeur 

$vignette = imagecreateTrueColor($nouvlargeur,$nouvhauteur); //on créé l'image miniature en fonction de la nouvelle 

imagecopyResampled($vignette,$im,0,0,0,0,$nouvlargeur,$nouvhauteur,$largeur,$hauteur); 

header("Content-type:image/jpeg"); // le type de l'image est JPG 
imagejpeg($vignette); // envoie l'image (vignette) au format JPEG sur la sortie standard
imagedestroy($im); // libère toute la mémoire associée à l'image im 
imagedestroy($vignette); // libère toute la mémoire associée à l'image vignette 
?>

ensuite tu appelles l'image ainsi

<img src="vignette.php?image=images/nomdelimage.jpg">

[Magicus]

LooooL ....

C'est plus compliqué de ce que je pensais ....

Surtout que je ne conais pas les codes...

[PhY]

Salut !

En effet si tu ne connais pas le PHP, la solution de Captain Torche est bonne.

C'est ce que j'ai fait pour mon site comme ici.

Bon courage !

[Magicus]

oui c'est pas mal !

Mais j'arrive pas à incruster le code de Phy dans ma page

lol!

mais images ne s'afichent pas

[PhY]

Si tu prends mon code, prend la feuille de style qui va avec car c'est plein de CSS