discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Swiper (init with promise)

Browse Source
This commit is contained in:
ilya-bkv 2024-04-15 07:43:48 +03:00
parent 66ed666b90
commit 78cde31943
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/_shared/SolidSwiper/ImageSwiper.tsx
View File

@ -49,12 +49,17 @@ export const ImageSwiper = (props: Props) => {
) )
onMount(async () => { onMount(async () => {
console.log("!!! onMount:");
const { register } = await import('swiper/element/bundle') const { register } = await import('swiper/element/bundle')
register() register()
SwiperCore.use([Pagination, Navigation, Manipulation]) SwiperCore.use([Pagination, Navigation, Manipulation])
mainSwipeRef.current?.swiper?.on('slideChange', handleSlideChange) while (!mainSwipeRef.current || !mainSwipeRef.current.swiper) {
await new Promise(resolve => setTimeout(resolve, 10)); // wait 10 ms
}
mainSwipeRef.current.swiper.on('slideChange', handleSlideChange);
}) })
onMount(() => { onMount(() => {
const updateDirection = () => { const updateDirection = () => {
const width = window.innerWidth const width = window.innerWidth