i
да
сможешь подсказать, как решить проблему выше?
Size: a a a
2021 January 19
A
при загрузке страницы слайдер разваливается и видимо пока DOM не соберется, изображения в слайдер идут друг за другом, занимает это все секунду от силы, но можно ли как-то этого избежать?
у меня такого не возникало
A
какую версию swiper.js ты используешь?
i
у меня такого не возникало
блок со слайдером сразу нормально отрисовывается?
i
какую версию swiper.js ты используешь?
"swiper": "^6.3.5",
A
и всё? А обертка для Vue самописная?
i
и всё? А обертка для Vue самописная?
"vue-awesome-swiper": "^4.1.1",
A
какие настройки инициализации?
A
можешь подготовить пример в codesandbox?
AD
при загрузке страницы слайдер разваливается и видимо пока DOM не соберется, изображения в слайдер идут друг за другом, занимает это все секунду от силы, но можно ли как-то этого избежать?
Скрывай его в момент загрузки, а потом уже отображай. Пример тут https://metallcard.ru
i
можешь подготовить пример в codesandbox?
да могу, но нужно будет время, если не найду решение до этого
i
Скрывай его в момент загрузки, а потом уже отображай. Пример тут https://metallcard.ru
неплохая идея
AD
+ inline стили, чтобы не было layout shift
A
либо фиксированная ширина/высота для слайда
AD
+ inline стили, чтобы не было layout shift
Там буквально парочку классов нужно описать, чтобы сдвига не было.
AD
либо фиксированная ширина/высота для слайда
Ага. Но если внутри слайда html, то тоже будет сдвиг. Я про это.
A
кстати рекомендую отказаться от vue-awesome-swiper обертки, то ещё днище
A
Ага. Но если внутри слайда html, то тоже будет сдвиг. Я про это.
не будет
AD
У меня был