Swiper.js

Swiper.jsのautoplayが効かない

画像やコンテンツのスライドショーが簡単にできるJavaScriptライブラリー「Swiper.js」のautoplayオプションが効かなくて、しばらく迷走した時の話。 現象 「Swiper.js」をnpmでインストールして以下のようにインポートをして使っていたのですが、autoplayオプションが効かなかった。 [crayon-6176b74574fca048141174/] 原因 autopla […]

Swiper.jsとBootstrapでレイアウトが崩れた時の話

Bootstrapのrowとcolを使ったレイアウトの中でSwiper.jsを使おうとしたら、幅がおかしくなった。 現象 rowの中にcolを3つ入れて、横並びレイアウトをしていて、そのcolの中にSwiper.jsを入れたら、そのcolが横幅いっぱいに広がってしまった。 原因 flex関連の干渉が原因? 解決方法 以下のように、swiper-wrapperのpositionをabsoluteにす […]