@myskypesla

Почему разрывает слайдер при загрузке страницы?

Подскажите почему слайдеры Slick.js или Owl Carousel при загрузке страницы сначала разрывает, а уже потом только формируется.

Думаю не я один сталкиваюсь с этим.

Есть какие-то решения?
  • Вопрос задан
  • 651 просмотр
Решения вопроса 2
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Это по той причине, что сначала грузится разметка слайдера (картинки, блоки), а потом уже стили и скрипты слайдера (которые делают его слайдером).
Можете попробовать спрятать блок со слайдером, а после вызова плагина слайдера показывать его.
Ответ написан
Комментировать
@sdgroup14
выше ответ правильный. Еще бы посоветовал вам почитать документацию и Лейзи лоадинг... (быстрее грузится будет). + ко всему этому убедитесь что стили прогружаются в head и скрипт по выше поставьте. И чтоб все не прыгало желательно вычислить минимальную высоту слайдера и прописать min-height
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы