Discussion :

[awalter1]

Bonjour,
Je réalise un site web afin d'exposer des tableaux. Ces tableaux sont de taille diverses : 20x20 à 120x120 (cm) et les tailles intermédiaires (ça reste un ensemble fini, environ une dizaine de possibilités).
Je compte les afficher dans un cadre unique (par exemple 500px x 700px), donc un petit ou un grand tableau seront vus de la même taille sur l'écran.
Afin de se rendre compte de la réelle dimension du tableau, j'ai l'idée d'afficher l'ilmage du feuille A4 (problématique similaire à celle d'une échelle sur une carte géographique).
Je ne vois pas comment articuler (lier) ces deux images et leurs proportions respectives.
J'espère avoir été clair!
Merci de votre éclairage.

[mathieu]

je ne comprends pas trop le résultat que vous cherchez parce que j'ai l'impression que le code de votre autre discussion affiche déjà différents formats dans une zone fixée :
https://www.developpez.net/forums/d2...ges-diaporama/

[awalter1]

Bonjour,
Le problème que je rencontrais était que le système répétait l'image afin de remplir le conteneur non couvert par l'image.
Là mon problème est tout autre, je veux afficher deux images l'une à coté de l'autre comme le montre l'image jointe.
Dans l'exemple mon image fait 100cm x 80cm en réalité, elle s'étendra pour remplir le container qui a une taille fixe sur l'écran (pour un zoom donné). L'utilisateur peut se rendre compte de sa vraie taille grâce au modèle de la feuille A4 placé à droite qui lui est proportionnelle. J'avais fait dans mon 1er message la similitude avec une carte géographique et son échelle en km : à chaque carte on peut avoir une échelle différente.

Il se peut qu'il n'y a pas de solution: ma solution de secours est de faire une image A4 pour chaque taille de tableau possible et d'associer les deux images qui vont ensemble directement dans le code.
Merci

[mathieu]

ah je comprends mieux là. vous aurez peut-être besoin de javascript pour faire cela mais le css peut faire quelques calculs donc ça pourrait suffire :
https://developer.mozilla.org/fr/docs/Web/CSS/calc

cela va dépendre de la façon dont est disponible la dimension de l'image.
est ce que la dimension est dans le nom de l'image ?
ou alors dans une base de données qui vous permet de mettre une classe css différente en fonction de la dimension ?

[CosmoKnacki]

C'est juste une règle de 3, avec TA pour taille affichée et TR pour taille réelle:

Code txt :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 TR_A4      TA_A4
-------- = -------- 
 TR_tab     TA_tab

Donc:

Code txt :

Sélectionner tout - Visualiser dans une fenêtre à part

 TA_A4 = TR_A4 * TA_tab / TR_tab

Par contre, ça pourrait devenir problèmatique pour des tableaux de moins de 29.7cm (car la feuille A4 serait plus haute), voire avec certains tableaux au format paysage (reste à savoir si c'est la hauteur ou la largeur qui est prise en compte).

[awalter1]

Bonjour,
Ah oui cette fonction calc() est trés intéressante.
Je peux en effet mettre les dimensions dans le nom de l'image.
Je vais regarder cela de près.
Merci beaucoup.