Choisir redimensionnement d'une image

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
Emmange
Messages : 2
Enregistré le : 11 mars 2021, 12:44

Choisir redimensionnement d'une image

Message par Emmange » 11 mars 2021, 13:17

Bonjour,
J'ai un site sous wordpress avec un plugin que je souhaite modifier (un peu).
Voici la partie du code javascript qui me pose problème. En effet, l'image qui apparaît est redimensionnée automatiquement en 450x450 alors qu'il faudrait une autre taille.
Je ne sais pas si cela peut se résoudre par javascript, mais comme je suis vraiment novice, je fais appel à vous !
D'avance merci.

{
item.image
&&
<div className="wprmprc-collection-item-image">
<img src={item.image} alt={ item.name } />
</div>
}

Avatar du membre
webmaster
Administrateur du site
Messages : 396
Enregistré le : 28 févr. 2017, 15:19

Re: Choisir redimensionnement d'une image

Message par webmaster » 12 mars 2021, 13:02

Bonjour,

Je dirai que le redimensionnement est géré par la définition CSS .wprmprc-collection-item-image
Il doit y avoir un quelque chose du type :

Code : Tout sélectionner

div.wprmprc-collection-item-image > img {
max-width:450px;
max-height:450px;
}
En modifiant la classe (ou en créant une autre), ca peut fonctionner, sans passer par du JS.
TJS : 20 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Emmange
Messages : 2
Enregistré le : 11 mars 2021, 12:44

Re: Choisir redimensionnement d'une image

Message par Emmange » 13 mars 2021, 17:53

Bonjour et merci pour votre réponse. J'ai cherché cette css mais je ne l'ai trouvée nulle part. Après maints essais, j'ai abandonné l'idée de redimensionner l'image, j'ai utilisé la css "object-fit: cover" et ça a marché. Merci pour votre forum ;-)

Répondre