JavaScript 【swiper】スライドショーの画像をPCとモバイル用で変更
モバイルでは丁度いいサイズでも、PC端末で表示すると、画面いっぱいに画像が出てきて見苦しかったので、それぞれ画像を分けることにしました。 swiper については他にも記事にしているのでご参照ください。 概要 サムネイル付きスライド ページ...
swiper
JavaScript JavaScript swiper ページネーションが途中で消える問題
対処法 原因がわからなかったので、ページネーションを外に出したりしたのですが、レスポンシブにするのが難しくて、なんどもトライアンドエラーしました。 そしてたどり着いたのが、ページネーションのコードを書く位置！ <div class="swi...
JavaScript swiper サムネイル付きスライド 読み込めないときに確認したいこと
swiper の導入方法や書き方などは別の記事にしているので、ご参照ください。 ここでは、私が見落としがちだったポイントを説明します。 【確認①】HTMLの書き方 必須事項を確認しましょう！ コピペしたりしていると、必須classが入ってい...
JavaScript スライドショーができる【swiper】メモ
swiperとは JavaScriptのライブラリ jQueryを使用せず、HTML、CSS、JavaScriptでスライドショーができます。 導入方法 NPM CDN ダウンロード この3つの方法がありますが、ファイルをダウンロードして使...