Javascript: Не получается получить внутреннюю высоту элемента elem.clientHeight?

Question

[thehighhomie]

Делаю специфичный слайдер, пытаюсь получить высоту элементов img $('#slider img').outerHeight() и в итоге через несколько раз только вычисляется высота. в основном значание 0.
Пробовал document.querySelector('#slider img').clientHeight() тоже самое.
В css ни какие правила не влияют на высоту, скрипт помещен в $(document).ready() естественно.
Почему через несколько раз такая байда получается то 0, размер все таки получает?
PS: кэш тоже чистил

Answer 1

[Алексей]

Может быть скрипт выполняется до того как загрузится картинка?
document ready срабатывает немного раньше.

Comments

[thehighhomie]

а как можно это решить?

[Алексей]

Попробуйте $(docoment).ready() заменить на $(window).load().

[thehighhomie]

Алексей: спасибо) помогло)

Answer 2

[Алексей A]

Попробуйте так:

document.querySelector('img#slider').clientHeight
// сначала тег, а потом селектор и clientHeight - не функция

Comments

[thehighhomie]

я случайно поставил скобки) завтыкал) я знаю что не функция) вариант с $(window).load() помог)