로딩 중 이미지 갤러리/라이트 박스 이미지 -

갤러리의 페이스 북에서 이미지 너비와 높이를 데이터베이스에 넣습니까?로딩 중 이미지 갤러리/라이트 박스 이미지 -

JavaScript를 사용하면 이미지가 완전히로드 될 때까지 이미지 너비와 높이를 확인할 수 없습니다. 그러나 FB에서는 이미지가 표시되고 이미지가 수평 및 수직 가운데에 올바르게 배치되는 동안 이미지가로드되었습니다.

출처

2011-07-28 Dexy_Wolf

FB를 지금 보러 다니기에는 너무 게으르므로 대답 대신 주석을 달아 둡니다. 여백이 있으면 가운데에 맞출 수 있습니다. 컨테이너에 텍스트 정렬 : 가운데가 있으면 auto를 패딩을 사용하여 시각적 수직 중심 맞춤을 강제 할 수 있습니다. –

좋아요, 수평 적으로는 다른 이미지의 모든 인스턴스에 대해 수직으로 가운데에 맞출 수 없습니까? –

페이스 북은 사용자가 이미지를 업로드 한 후 _they_ 사양으로 이미지의 크기가 조정 되었기 때문에 페이스 북은 이미 정확한 너비와 높이를 알고 있습니다. – Sparky

Facebook 이미지는 display:inline-block이고 극장 이미지의 부모 div- 가운데 이미지는 text-align:center입니다. 그들이 어떻게했는지 설명하는 blog post을 확인하십시오. 멋진 CSS 코드이지만 모든 CSS가 아닙니다. JS를 사용하여 window.height을 기반으로 div 중 하나의 line-height을 설정합니다.

출처

2011-07-28 19:08:24 Mohsen

그들은 어떻게 div를 생성하고 JS없이'body'' overflow : hidden으로 설정 했습니까? –

로딩 중 이미지 갤러리/라이트 박스 이미지 -

답변

관련 문제