2022-11

Web技術

【JS】swiper.jsでスライドが1枚とそれ以外で処理を分けるやり方

swiper.jsでスライドが1枚の場合と複数枚の場合で処理を分けるやり方を紹介しておく。例えば複数枚の場合は、ループを1枚の場合はループなしを行いたい場合は以下のようにするとよいvar swiper;$(window).load(func...
Web技術

【CSS・JS】モーダル:コンテンツ量が多い場合にスクロール

モーダル内のコンテンツが多く、スクロールしたい場合は以下のコードのようにコーディングすればOKHTMLの構造は同じなので運用面でも問題ない See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen...
Web技術

【JS】swiper.jsを使ってモーダルでスライダー・カルーセル表示

今回はswiper.jsを使ってモーダルでスライダー・カルーセルを実装する方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.
Web技術

【JS】同じクラスで複数のモーダルを表示する方法

今回は同じクラスを使って複数のモーダルを表示させる方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.