Ratio image et orientation smartphone

Bonjour,
J'ai un site (jeu) qui dépend d'une image importée par le joueur à partir de son portable. Est- il possible que le message "Tourne ton téléphone horizontalement" ( ou verticalement) dépende du ratio de l'image importée.
A priori ce n'est pas possible avec une condition sur @media.
Après de très très nombreuses recherches et très nombreux essais, j'ai l'impression que ce n'est pas possible.
Me trompè-je ?
Par avance merci.

salut
avec çà:

@media only screen and (orientation: portrait){
.ton css {...}
}
Modifié par drphilgood (01 Apr 2024 - 15:06)

Non, non,
Vos réponses correspondent à l'orientation de l'écran, ce que que je demandais est une condition liée au ratio d'une image importée, pas au ratio de l'écran.
Merci quand même.

Hello,

Il me semble qu'il faudra tester le ratio de l'image via JavaScript et selon le cas appliquer une classe sur html ou body et à partir de là générer ton message.

EDIT : sans doute en comparant naturalWidth avec naturalHeight de l'image.

https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/naturalWidth
Modifié par Raphael (02 Apr 2024 - 09:06)

Bonjour,

complément à ce qu'évoque Raphael : il faut bien attendre que l'image soit chargée (.complete vaut true https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/complete ) sans quoi ça renvoie 0 et 0 )

Bonjour
et merci de vos conseils.
Je suis effectivement en train d'essayer d'utiliser naturalWidth et naturalHeight avec window.matchMedia.
Pour l'instant il y a un fonctionnement "approximatif " à partir d'un "button". J'essaie de mettre en place un petit exemple html de mon problème et avec votre accord je vous transmettrai le code si je bloque (même si je ne bloque plus d'ailleurs car cela pourrait en intéresser d'autres)