Page 1 sur 1

images taille identique

Posté : 23 janv. 2014, 21:27
par blinz
Bonjour à tous,
Je vous présente mon problème,
j'ai fait une page ou j'ai des annonce,a chaque foi que j'ai utilisateur de mon site qui poste son annonce celle ci est enregistrée dans une bdd.
Mon problème est comment faire pour que toutes les images est la meme taille sur ma page index.php.

Exemple: Paul poste une annonce avec une photo de 500px par 300px et Jean poste une annonce avec une photo de 800px par 650px, comment faire pour que ses photos est toute la même taille sur ma page index.php dans mon cas je souhaite qu'elle est la dimension 160px par 130px.

Merci de votre aide

Re: images taille identique

Posté : 23 janv. 2014, 22:37
par moogli
salut,

Ajoute hauteur et largeur dans la css lié à l'input image qui affiche tous ça ;)

@+

Re: images taille identique

Posté : 25 janv. 2014, 00:03
par reblinz
Salut,
Ta technique permet seulement de prendre une partie de la photo ( par défault l'angle haut gauche ) et de ce fait l'image n'est pas recadré on se retrouve uniquement avec une partie de la photo, moi je souhaite miniaturisé la photo que l'annonceur ma posté directement sur ma page index.php.

Procédure d'exemple:

Si l'annonceur poste une annonce avec une photo de taille de 800px par 500px je souhaite un script sur la page qui passe cette photo en miniature dans mon cas: 160px par 130px, j'espere avoir était assez clair.
Merci pr l'aide à venir.

Re: images taille identique

Posté : 25 janv. 2014, 00:10
par moogli
je n'ai pas parlé de la taille du fond (background) mais de la taille de l'élément image

donc
 <img width="xxx" height="yyy" /> 
ou en css
img .classequivabien{
    width: xxx;
    height: yyy;
}
c'est pas plus complexe à toi d'essayer ;)

@+

Re: images taille identique

Posté : 25 janv. 2014, 22:42
par blinz
re, dsl mais après avoir testé ce que tu ma dis çela ne recadre pas l'image en miniature ( elle est déformé) je souhaite avoir la même qualité mais réduit et non déformé .
Php, javascript, je pense a une fonction php mais laquelle et comment l'appliquer.
Merci

Re: images taille identique

Posté : 27 janv. 2014, 18:46
par blinz
Voilà, je précise parceque je pense ne pas avoir était compris, j'ai un formulaire pour que le visiteur puisse posté son annonce, je récupérer son annonce(avec la photo) avec la ligne de code ci-dessou, mais si la photo que l'utilisateur m'envoi une photo de 900px par 600px comment faire pour l'afficher sur ma page en 100px par 100px ou 160pr par 130px. Un de c'est deux format me vas. Merci
Ps: si je rentre la widht et la height directement dans le code html l'image est déformé et si je rentre que l'un des deux parametre, bah forcement je ne controle pas l'autre.
Help me, please .....

<div id="annonce_photo"><?php if(!empty($loisirs['photo'])){?><img src="img/annonce/petite/<?php echo $loisirs['photo'];?>" ><?php }?></div>

Re: images taille identique

Posté : 27 janv. 2014, 18:50
par moogli
dans ce cas il te faut créer des miniatures des images réelles => http://www.lephpfacile.com/cours/22-la-librairie-gd

il existe aussi des lib js qui le fond il me semble.


@+

Re: images taille identique

Posté : 27 janv. 2014, 19:58
par blinz
tout de suite beaucoup plus compliqué qu'un simple widht dans le code html.
ça ma fait peur je regarderé ça plus tard.
Merci en tt cas