High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Comment redimensionner des images en HTML ?

Dernière réponse le 28 jun 2008 à 18:23:57 gro, le 4 mai 2004 à 12:13:30 
 Signaler ce message aux modérateurs

Bonjour,

Je fais actuellement une photothèque sur un site et j'aimerais que toutes les photos que j'affiche soient toutes diminuées de 50% par exemple.

Comment faire ?

J'ai essayer ceci : 

<img src="blabla.jpg" height="50%" width="50%">

mais l'image fait alors 50% de hauteur et de largeur de la page !

Faut il utiliser les propriétés des CSS ?

Meilleures réponses pour « comment redimensionner des images en HTML ? » dans :
Redimensionner un lot d'images/photos VoirVous voulez redimensionner vos photos ou images pour pouvoir les envoyer plus facilement par mail, insérer sur un blog, ou plus simplement gagner de l'espace sur votre disque dur ? Mais vous ne voulez pas les redimensionner une par une à la main...
Les images ne s'affichent pas sur le site VoirDans une page web, les images sont spécifiées grâce à la balise IMG, avec la notation suivante : Les formats d'images supportés sur le web sont les formats GIF, JPG et PNG. Le format BMP n'est pas supporté par les...
Pas d'image sur le vidéoprojecteur VoirPas d'image sur le vidéoprojecteur Le vidéoprojecteur a beau être branché et allumé, l'ordinateur portable refuse d'envoyer la moindre image au vidéoprojecteur. Les ordinateurs portables possèdent généralement une touche de fonction permettant...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Posez votre question Répondre

1

sebsauvage, le 4 mai 2004 à 12:26:26
  • +1

A ma connaissance, ce n'est pas possible.
Ou alors il faut lire les propriétés de l'image et générer le code HTML à la volée.

Autre solution: utiliser un programme qui va vous générer automatiquement une gallerie de miniatures, comme l'excellent (et gratuit) XNView.
http://www.xnview.com

   
Répondre à sebsauvage

5

Isa, le 28 jun 2008 à 18:21:02

Si! c'est possible!!!!

tu mets ton image dans un DIV. La div, tu la dimensionnes comme tu veux. Et l'image tu la définies comme suit:

<div width="lavaleurquetusouhaites" height="lavaleurquetusouhaites"><img src="blabla.jpg" width:"100%" height:100% /></div>

VIve les valeurs relative!!!!!!!!

   
Répondre à Isa

6

 Isa, le 28 jun 2008 à 18:23:57
  • +1

Attends, je t'aie introduit une jolie erreur. Voici la version corrigée:

<div width="lavaleurquetusouhaites" height="lavaleurquetusouhaites"><img src="blabla.jpg" width="100%" height="100%" /></div>

   
Répondre à Isa

2

ouafff9, le 7 mai 2008 à 15:32:42
  • +3

<img src="ton_image.JPG" height="352" width="470" >

jai mis ce lien et il marche parfaitement, donc je ne vois pas ou est le probleme... dsl

   
Répondre à ouafff9

3

sebsauvage, le 7 mai 2008 à 16:00:42
  • +2

Et tes valeurs 352 et 470, tu les as sorties d'où ? De l'image ?
Donc il a fallu lire l'image, puis générer le code HTML correspondant.

Là il voulait que le code HTML affiche automatiquement les images à 50% de leur taille d'origine, ce qui n'est pas possible en HTML seul: il faut impérativement lire les dimensions de l'image pour mettre les bonnes valeurs dans width et height.

   
Répondre à sebsauvage
Posez votre question Répondre
Ils ont besoin de votre aide