Как скрыть начальные действия, выполняемые JS по отношению к странице?

Question

[screbok]

Здравствуйте.

Есть четыре картинки, которые абсолютно спозиционированы в неком блоке. Естественно, видно ту картинку, которая является последней в html-коде. Мне нужно видеть сначала первое изображение, а не последнее, и так в порядке очереди.

Поменял с помощью each() z-индексы:

var zValue = imgTotal;

    // position images from first image to last
    $('.slider img').each(function() {
        $(this).css('z-index', zValue);

        zValue--;
    }); // end each

В итоге при загрузке страницы видно, как сначала в слайдере одно изображение, а потом резко другое. Как можно скрыть этот момент?

Answer 1

[Андрей Токмаков]

Поставьте display: none по умолчанию для этих изображений в стилях, а после загрузки страницы меняйте скриптом на display: block например

Comments

[screbok]

И как я не додумался. Спасибо.

Answer 2

[Otrivin]

Расставь z-index, потом скриптом их меняй