Bonjour,
Je dois faire une galerie photo avec du css3/html5. Je dois avoir une image taille réelle qui se redimensionne si je diminue la largeur ou la hauteur.
La photo doit être centrée verticalement et horizontalement.
Je dois avoir aussi une flèche a droite et a gauche pour pouvoir passer aux photos suivantes/précédentes.
Je n'arrive pas a avoir une image centrée et en meme temps qui se redimensionne a la fois en hauteur et en largeur si je réduis ma fenêtre....
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <div style="max-width:100%;"> <img id="lightboxImage" src="http://photos1.cityvox.com/photos_400/169/83/545705.jpg" alt="" /> </div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 #lightboxImage { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } .table { max-width:100%; display:table; height:100%; width:100%; text-align:center; } .cell { display:table-cell; vertical-align:middle; }
Partager