Я добавляю Facebook Like Box на свою веб-страницу, и у меня возникли проблемы с размером. Первоначально я использовал код HTML5 и Javascript с сайта разработчиков Facebook, чтобы сделать окно по своему вкусу, но обнаружил, что это замедляет другие мои анимации на странице при загрузке.
Затем я решил использовать iFrame, который идеален и не замедляет загрузку других элементов страницы. Чтобы это выглядело лучше, я добавил этот код в iframe:
style="visibility:hidden;" onload="this.style.visibility = 'visible';"
И я также пробовал:
style="display:none;" onload="this.style.display = 'block';"
который не позволяет iframe создавать эту белую вспышку при загрузке (это выглядит намного класснее; оба кода вызывают у меня одинаковую проблему). Однако теперь, когда загружается Like Box, он загружает только около 150 пикселей в высоту (хотя он установлен на 250 пикселей в высоту). Когда вышеприведенный код вынимается, коробка имеет идеальный размер, и когда я кладу ее обратно, она возвращается обратно.
Интересно то, что когда код видимости находится внутри и я настраиваю переменную ширины, ширина поля изменяется. Когда я регулирую высоту, она не меняется.
Вот скрипка, которую я сделал для этого:
Есть предположения? Спасибо!