Facebook Like 상자가 iframe 가시성 속성을 사용할 때 정확하게 크기 조정되지 않음

Question

내 웹 페이지에 Facebook Like Box를 추가하고 크기 조정에 문제가 있습니다. 원래 Facebook 개발자 사이트의 HTML5 및 Javascript 코드를 사용하여 원하는대로 상자를 만들었지 만, 페이지로드시 다른 애니메이션이 느려지는 것을 알았습니다.

나는 완벽한 iFrame을 사용하기로 결정했는데 페이지로드의 다른 요소를 느리게하지 않습니다. 더 나은 보이게하기 위해, 나는 iframe이이 코드를 추가 :

style="visibility:hidden;" onload="this.style.visibility = 'visible';" 

그리고 나는 또한 시도했다 : 그것을 실어 때 흰색 플래시 것을 만들기에서 iframe을 유지

style="display:none;" onload="this.style.display = 'block';" 

(그 훨씬 더 고급스러워 보이는데, 두 코드 모두 내게 동일한 문제를주고있다.) 이제는 Like Box가로드 될 때 높이가 250 픽셀로 설정되었지만 높이가 약 150 픽셀 만로드됩니다. 위의 코드를 가져 오면 상자의 크기가 완벽하게 지정되고 다시 넣으면 되돌립니다.

흥미로운 점은 가시성 코드가 있고 너비 변수를 조정하면 상자의 너비가 변경된다는 것입니다. 그러나 높이를 조정하면 변경되지 않습니다.

여기에 내가 그것을 위해 만든 바이올린는 다음과 같습니다

http://jsfiddle.net/KWMxb/

어떤 생각? 감사!

Answer 1

iframe에 두 개의 style 속성이 있습니다. 두 번째 것부터 첫 번째 것으로 모든 것을 옮기면 효과가 있습니다.