Встроенные элементы отображения CSS кратко отображаются как элементы списка при загрузке страницы

Question

У меня есть Карусель (jcarousel), которая отображает элементы в строке. При загрузке элементы сначала отображаются вертикально (список), а затем переключаются в обычное встроенное положение.

У меня есть это на нескольких сайтах, и я нахожу это раздражающим.

Есть ли что-нибудь, что можно с этим сделать?

Спасибо

Answer 1

Вы можете изменить CSS родительского div или любого контейнера, в котором находится ваша карусель:

#jcDiv { 
  visibility: hidden;
  height: 200px; /* Adjust this to what yours should be */
  overflow: hidden;
}

И onload (окно, не документ, , поэтому он не отображается, пока изображения не загружены ):

$(window).load(function() {
  $("#jcDiv").css({ visibility: 'visible' });
});

Answer 2

При загрузке означает, что фактический javascript, который обрабатывает позиционирование, не может быть выполнен.

Вы можете заранее скрыть эти элементы с помощью css и просто переключить их обратно на видимые после завершения загрузки стороны.