Taille d'image en css
MOTTIN
-
asdz -
asdz -
Bonsoir,
J'utilise un script php permettant de transférer une image sur une page de site.
On m'as dit qu'il etait possible de redimensionner l'image grace au feuilles de style css.
Voici le code que j'utilise
Comment faire pour la redimensionner à 150pixel de largeur quelquesoit la taille de l'image transférée
merci 'davance
J'utilise un script php permettant de transférer une image sur une page de site.
On m'as dit qu'il etait possible de redimensionner l'image grace au feuilles de style css.
Voici le code que j'utilise
<?php
include("images.class.php");
$images = new images();
$images->repertoire = "collectif";
$images->nb_par_ligne = 1;
$images->afficher_liste();
?>
Comment faire pour la redimensionner à 150pixel de largeur quelquesoit la taille de l'image transférée
merci 'davance
A voir également:
- Taille d'image en css
- Comment réduire la taille d'un fichier - Guide
- Reduire taille image - Guide
- Image iso - Guide
- Afficher taille dossier windows - Guide
- Acronis true image - Télécharger - Sauvegarde
4 réponses
Salut à tous
C'est plus simple en CSS :
Demonstration :
De plus si tu veux faire un zoom sur ta photo, tu créé une class (comme .img) qui fait 500px (width: 500px;) et t'as juste à rappeler ta class (class="img") .
C'est beaucoup plus simple, plus facile à modifier, et ça répond aux normes du W3 (w3.org)
C'est plus simple en CSS :
Demonstration :
<head>
<style>
.img { width: 200px;}
</style>
</head>
<body>
<img src="test.jpg" class="img">
</body>
De plus si tu veux faire un zoom sur ta photo, tu créé une class (comme .img) qui fait 500px (width: 500px;) et t'as juste à rappeler ta class (class="img") .
C'est beaucoup plus simple, plus facile à modifier, et ça répond aux normes du W3 (w3.org)
Salu
Ouep, c possible mais en HTML c encore plus simple...
Tu met du width et du height dans un td ...
Mais attention, comprenons nous bien ... On ne redimentionne pas vraiment l' image puisqu' au final, elle fais toujours la meme taille...
On peut l afficher plus petite ou plus grande, mais sa taille reste identique pour le chargement...
++
Matt
Ouep, c possible mais en HTML c encore plus simple...
Tu met du width et du height dans un td ...
Mais attention, comprenons nous bien ... On ne redimentionne pas vraiment l' image puisqu' au final, elle fais toujours la meme taille...
On peut l afficher plus petite ou plus grande, mais sa taille reste identique pour le chargement...
++
Matt
<head>
<style>
.img { width: 200px;}
</style>
</head>
<body>
<img src="test.jpg" class="img">
</body>
ca c est lorsque tu ajoute l image sur le html
pas dans le css : background-image: url("../image/CIMG8028X25.JPG");/**/
<style>
.img { width: 200px;}
</style>
</head>
<body>
<img src="test.jpg" class="img">
</body>
ca c est lorsque tu ajoute l image sur le html
pas dans le css : background-image: url("../image/CIMG8028X25.JPG");/**/
salut
il existe quand même une fonction qui te permet d'uploader une image en lui appliquant une dimension bien précise.
j'ai codé ca pour l'upload d'une image de largeur maximale 550 pixels en respectant les proportions:
if($imgtaille[0] > 550)
{
// la fonction peut être déclarée dans le script mais pour une raison que j'ignore, elle ne fonctionne pas si je la mets dedans donc je la place juste avant de m'en servir (simplement pas beau au niveau code) !
function redim($im_src,$im_dest)
{
$size = getimagesize($im_src);
$src_w = $size[0];
$src_h = $size[1];
$dst_h = floor($src_h*550/$src_w);
$dst_im = imagecreatetruecolor(550,$dst_h);
$src_im = imagecreatefromjpeg($im_src);
imagecopyresampled($dst_im,$src_im,0,0,0,0,550,$dst_h,$src_w,$src_h);
imagejpeg($dst_im,$im_dest);
imagedestroy($dst_im);
imagedestroy($src_im);
}
redim($srcFile,$srcFilebis);
$srcFile = $srcFilebis;
}
si tu veux 150 px de large tu remplaces 550 par 150 tout simplement
sinon si c'est en hauteur, tu le mets dans $dst_h = 150
voili
bon code
il existe quand même une fonction qui te permet d'uploader une image en lui appliquant une dimension bien précise.
j'ai codé ca pour l'upload d'une image de largeur maximale 550 pixels en respectant les proportions:
if($imgtaille[0] > 550)
{
// la fonction peut être déclarée dans le script mais pour une raison que j'ignore, elle ne fonctionne pas si je la mets dedans donc je la place juste avant de m'en servir (simplement pas beau au niveau code) !
function redim($im_src,$im_dest)
{
$size = getimagesize($im_src);
$src_w = $size[0];
$src_h = $size[1];
$dst_h = floor($src_h*550/$src_w);
$dst_im = imagecreatetruecolor(550,$dst_h);
$src_im = imagecreatefromjpeg($im_src);
imagecopyresampled($dst_im,$src_im,0,0,0,0,550,$dst_h,$src_w,$src_h);
imagejpeg($dst_im,$im_dest);
imagedestroy($dst_im);
imagedestroy($src_im);
}
redim($srcFile,$srcFilebis);
$srcFile = $srcFilebis;
}
si tu veux 150 px de large tu remplaces 550 par 150 tout simplement
sinon si c'est en hauteur, tu le mets dans $dst_h = 150
voili
bon code
Il y a 3 manières d'intégrer du css, soit par importation d'un fichier .css, soit par le biais des balises style ou soit directement dans la balise concernée.
En effet les balises style sont du html mais ce qu'il y a à l'intérieur est bien du langage css.Donc bien que la meilleur solution soit celle de l'importation, on peut utiliser cette méthode si notre code est limité.
Je pense que arnotw voulais faire simple, pour un exemple cette méthode est la meilleur car elle concerne un seul élément. Il n'y avait aucune raison de le reprendre sur "C'est plus simple en CSS :".
Cependant, je ne défendrais pas Noodlz de son comportement puéril.
Bye
"mais ce qu'il y a à l'intérieur est bien du langage css" Je n'ai point dit le contraire :) Cependant, les bonnes pratiques s'apprennent au plus tôt car il est compliqué de faire perdre de mauvaises habitudes.
De plus, un exemple pur de CSS est bien plus pertinent (pour ne pas dire "encore plus simple") car peu importe le code HTML derrière... Un débutant est en droit de savoir exactement ce qu'il en est afin de choisir consciemment les méthodes qui lui conviennent. Voilà pourquoi il y a de bonnes raisons de le reprendre sur ce point: je suppose que Lucas a simplement tenté d'expliciter cela dans ce but, afin d'éviter tout amalgame malencontreux: seulement, son commentaire n'était pas complet.
Enfin, pour terminer, l'exportation CSS est un gage de qualité et de facilité dans la maintenabilité du code (fusse t'il du HTML). Encore de bonnes raisons de comprendre le mécanisme des langages du web...
Bonne journée (et gaffe au Skaven derrière toi).