@edu30151

Как сделать чтобы при загрузке слайдер не разлетался?

Часто бывает что необходимо сделать слайдер на сайте. Понятно что беру готовые решения: owl-carusel, bx-slider, slick-slider. В установке, допиле проблем нет. Слайдер часто идет первым экраном и поэтому при загрузке, без прелоадера , картинки разлетаются потом собираются. Как убрать этот разлет, не используя прелоадер? overflow: hidden; не помогает. Выносить стили слайдера наверх в style? Или какие еще пути решения? Все сжимаю объединяю в один сss c помощью gulp. Может подскажите знатоки что почитать на эту
тематику? Спасибо.
  • Вопрос задан
  • 1606 просмотров
Решения вопроса 1
@glenean
Попробуйте написать:
opacity: 0;

для картинок, по умолчанию, а после загрузки:
opacity: 1;
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
R0dger
@R0dger
Laravel/Yii/2 AngularJs PHP RESTful API
Только что решал такое с помощью класса (у меня там не только картинки были)

.topDiv {
position: absolute;
top: -20000px;
}

после загрузки убирал этот класс
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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