Comment rédimensionner une image

Lilia -  
 doncjavascript -
Bonjour,

Je souhaite afficher des images tout en gardant les proportions à partir d'une adresse url
ex: https://www.netanswer.fr/ pour bien éclaircir regardez par exemple ce site

http://www.huffingtonpost.com/2010/06/30/jane-austens-hair-dickens_n_629950.html

en haut de page il y a 3 miniatures avec des titres les images sont redimensionnées et lorsqu'on clique dessus ca nos affiche l'article et son image d'origine, voila je souhaite faire exactement la même chose.

merci
A voir également:

2 réponses

avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
http://www.siteduzero.com/tutoriel-3-36745-gd-redimensionner-une-image-sans-la-deformer.html
0
doncjavascript
 
Dans le cas que tu montres il s'agit de deux images sur 2 pages différentes(le seul truc qui change c'est la taille mais c'est fait par un logiciel de graphisme et les deux images sont sur le serveur).

Pour redimensionner une image il faut indiquer l'attribut width ou height avec une valeur en pixel ou pourcentage de l'image dans la balise de l'image(transformation homotétique).

http://www.codeshttp.com/baliseh.htm

En indiquant les 2 attributs(width, height) on peut ne pas garder les proportions si l'on veut.
Il y a encore mieux : le faire avec un style css, l'autre méthode marche mais est peu recommandée et désuète.

Pour le css c'est ici:

https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
0