Некорректный вывод слайдера на страницу
 

Доброго времени суток! На страницу некорректно выводится LightSlider, скриншот ниже



Код слайдера

$(document).ready(function() {
    var slider = $('#imageGallery').lightSlider({
        gallery:true,
        item:1,
        loop:true,
        thumbItem:5,
        slideMargin:0,
        enableDrag: false,
        adaptiveHeight: true,
        verticalHeight:600,
        currentPagerPosition:'left',
        onSliderLoad: function(el) {
            el.lightGallery({
                selector: '#imageGallery .lslide'
            });
        }
    });
    slider.refresh()
});

Таймаут увеличивал, вводил параметр height, не помогает. Подскажите, в какую сторону копать?

kukuruku11,
проставить размер картинкам или заменить $(document).ready на $(window).load
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Поправил код. Не понял совета про размер картинки. Картинки выдаются imagekit' ом фиксированного размера.
вот кусок кода

<ul id="imageGallery">
                    {% for item in list_set.all %}
                            <li data-thumb="{{ item.thumb.url }}" data-src="{{ item.full.url }}">
                                <img src="{{ item.photo_380.url }}" />
                            </li>
                    {% endfor %}
                </ul>

kukuruku11,
может версия слайдера старая
скачать тут http://sachinchoolur.github.io/lightslider/index.html

Версия актуальная. Проверял. Спасибо за ответы. Наверно, другой слайдер использую.

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

kukuruku11,
какая проблема указать картинкам размеры или в css или в атрибутах картинки или скриптом перед инициализацией слайдера