Discussion :

[lilouille]

Bonjour,

Je travail sur un site web qui va contenir des images. Je veux que lorsque l'utilisateur clic sur une image elle s'agrandisse en prenant presque tout l'écran avec un fond noir.

Ça c'est fait ! Mais mon problème c'est que je n'arrive pas à centrer verticalement et horizontalement l'image agrandie. Ce qui me pose problème c'est que je ne connais pas les dimensions des images. Certaines sont en portrait (plus hautes que larges) et d'autres en paysage (plus large que haute).

J'ai réussi a faire quelque chose de pas mal mais pour un seul sens.

Merci d'avance,

Arthur.

[Invité]

J'ai réussi a faire quelque chose de pas mal mais pour un seul sens.

Bonjour,
on ne demande qu'à voir ça...

[lilouille]

J'ai pas le code sous les yeux mais avec un css qui ressemble a:

Code :

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

1
2
3
4
5
6
7
 
img{
  max-height: 80%;
  top: 10%;
  margin: auto;
  position: absolute;
}

On a quelque chose de pas trop mal. (pas testé sous IE).

Ce qui me pose problème, c'est que je peux faire la même chose avec les images en paysage en changeant le max-height en max-width et le top en left.
Mais comment mettre les deux ensemble ?

[rodolphebrd]

J'ai pas le code sous les yeux mais avec un css qui ressemble a..

J'ai pas la réponse qui me vient à l'esprit...