Bonjour

Dans mon catalog.html je récupère l'image de la famille via la balise MX :

<mx:bloc id="picture"><mx:text id="picture" /></mx:bloc id="picture">

Mais au lieu d'une balise image, je souhaiterais récupérer juste l'url de l'image afin de pouvoir en faire un background-size: cover (surtout concernant le calage en responsive, c'est bcp plus pratique)

Avez-vous une solution ?

Merci d'avance

Bonjour Julie,

En effet cette balise MX remonte la balise <img> dans le flux HTML. Pour récupérer l'attribut SRC de celle-ci, je ne vois pas d'autre alternative que de passer par un traitement Javascript. A moins de passer par un ajustement spécifique à la rigueur...

Sinon comme autre piste de solution je t'invite à regarder de plus près la propriété "Object-fit" qui permet de faire un équivalent d'un background-size: cover mais pour les medias du flux DOM (images, videos...). Après attention d'un point de vue compatibilité...avantages/inconvénients.

Bonne journée,
Manuel

Bonjour Manuel

Merci pour votre réponse.

Ce n'est pas très pratique - ni très propre - de passer par du JS.. On devrait avoir la possibilité (soit un champ dans le webo ou manage) soit via un MX différent de choisir si on veut la balise img ou juste l'url.

Dans une prochaine évolution d'Emajine peut-être ?

Bonne journée

Bonjour Julie,

En effet c'est indéniable, le JS reste une alternative à une évolution ;) C'est pour cette raison que l'autre piste (via object-fit) peut éventuellement être intéressante.

Dans tous les cas, je remonte l'information pour faire évoluer les solutions en ce sens.
Bonne journée,
Manuel

Bonjour Manuel

Mais la propriété object-fit n'est pas très compatible (sauf si on ignore totalement IE qui reste quand même le leader...) : http://caniuse.com/#search=object-fit

Bonne journée

Julie,

Oui, il faut toujours chercher le juste équilibre entre avantages et inconvénients.... Donc au chapitre de la compatibilité il y a toujours la possibilité d'un polyfill https://github.com/anselmh/object-fit

La tout de suite, maintenant, en standard, c'est ce que j'ai de mieux à te conseiller. Après je t'invite également à faire un ticket pour toute demande d'évolution / prestation en ce sens.

Merci,
Manuel