Galerie Facebook/lightbox - image centrée lors du chargement

Est-ce que Facebook dans sa galerie met la largeur et la hauteur de l'image dans la base de données? En utilisant JavaScript, ils ne peuvent pas être sûrs de la largeur et de la hauteur de l'image jusqu'à ce que l'image soit complètement chargée. Mais sur FB, l'image est chargée alors que son affichage et son image sont correctement centrés horizontalement et verticalement.Galerie Facebook/lightbox - image centrée lors du chargement

Source

2011-07-28 Dexy_Wolf

Je suis trop paresseux pour aller voir FB en ce moment, donc je vais faire un commentaire au lieu d'une réponse .... Vous pouvez centrer horizontalement avec marge: auto si le conteneur a text-align: center, et vous pouvez utiliser un remplissage pour forcer un centrage vertical visuel. –

Ok, pour l'horizontal, mais il n'est pas possible de le centrer verticalement pour chaque instance d'une image différente? –

Facebook connaît déjà la largeur et la hauteur exactes, car elles ont redimensionné l'image selon leurs spécifications après que l'utilisateur l'a téléchargé. – Sparky

Facebook utilise display:inline-block pour l'image et text-align:center pour div div centre pour centrer l'image dans les images de théâtre. Découvrez leur blog post qui a expliqué comment ils l'ont fait. C'est un joli code CSS mais pas tous les CSS. Ils utilisent JS pour définir line-height de l'un des div basé sur window.height.

Source

2011-07-28 19:08:24 Mohsen

Comment ont-ils créé ces 'div'-s et défini sur' body' 'overflow: hidden' sans JS? –

Galerie Facebook/lightbox - image centrée lors du chargement

Répondre

Questions connexes