• Art.19.8.21

    Le petit randonneur me parle d'une façon de dimensionner automatiquement les images dans nos articles.

    Il me parle de javascript mais c'est un codage que j'évite et donc que je ne connais que très mal.

    Dimensionner une image peut se faire en modifiant son adresse: http://abce@LxH.jpg (cette écriture a l'avantage de diminuer le poids de l'image et donc d'accélérer son transfert) ou il lui attribuant des attributs largeur/hauteur par style="width:xxpx; height:yypx;"; dans ce cas le poids de l'image transférée est le même et elle n'est réduite que dans votre article: transfert plus long.

    On peut également donner une class à une ou plusieurs images qui lui donnera ces attributs sans avoir à les recopier à chaque image.

    Ainsi, toute les images seront dimensionnées de la façon que vous avez choisie.

    En CSS, on peut faire remplir un cadre avec l'image en fond en lui disant d'adapter ses dimensions à celles du cadre, en la plaçant en fond de cadre (background:url('');) et en dimensionnant sa taille en automatique par: background-size:cover; ce qui fera que les dimensions de l'image seront celles du cadre, quite à la déformer.

    *****************

    Je positionne essentiellement mes images dans mes articles par une position:absolute; car je souhaite qu'elles puissent s'animer individuellement, ce qui n'est pas le cas en position:relative;, réglage par défaut.

    Cependant, si vos images ne sont pas animées par un survol ou un clic, le dimensionnement peut être celui de mes premières lignes.

    Je ne pense pas qu'une illustration en image amènerait plus de clarté à ce sujet.