swiper.js |

Swiper.js徹底解説：使い方から応用テクニックまで完全ガイド

Swiper.jsとは何か？ Swiper.jsは、WebサイトやWebアプリケーションにおいて、滑らかなスライダーやカルーセルを簡単に実装できるJavaScriptライブラリです。多機能でカスタマイズ性が高く、レスポン […]

最新バージョンのswiper.jsでページネーションを外に出す方法は簡単。以下のcssを追加するだけでOK

swiper.jsはとても便利だ。しかし、高さが違う画像などをスライダーにせってした時に高さがバラバラになってしまう。それをCSSのみで解決できるので、今回はその方法を紹介する。.swiper-slideにheight

swiper.jsでスライドが１枚の場合と複数枚の場合で処理を分けるやり方を紹介しておく。例えば複数枚の場合は、ループを１枚の場合はループなしを行いたい場合は以下のようにするとよい

Swiper.jsを使って実装していた時にハマってしまったことがあった。それは、Androidのブラウザでaタグに設定したリンクにクリック/タップしても遷移しなかったことだ。そこでjsに「watchSlidesPro

まずはhead内にswiper.cssとswiper.jsを読み込む swiper.jsは https://swiperjs.com/ からダウンロード HTML CSS JS