[Javascript] Splideを使って、メイン画像を切り替える
Splideを使用して、メイン画像をスライドで切り替える。 導入の方法はこちらにまとめた。 [Javascript] Splideを使って、スライドを作成する Splideを使って、画像のスライドを作成してみる。 完成形...
Splideを使用して、メイン画像をスライドで切り替える。 導入の方法はこちらにまとめた。 [Javascript] Splideを使って、スライドを作成する Splideを使って、画像のスライドを作成してみる。 完成形...
Splideを使って、画像のスライドを作成してみる。 完成形はこちら インストール インストールする。 ダウンロードはここから可能。 https://github.com/Splidejs/splide/releases...
別ファイルに写真を入れた時のHTMLのパスの修正方法の備忘録。 HTMLファイルと写真が同じフォルダにある時 HTMLファイルと写真が同じフォルダにある時。 写真のパスの書き方としては、下記のようになる。 CSSに書く時...
Flexboxを使って、画像と説明文のセットを横一列に並べるレイアウトの作り方を説明する。 完成形 下記のようなイメージを作る。 HTMLの用意 まずはHTMLを用意する。 「offers」というクラスの中に、「offe...
ウェブサイト作成の際の備忘録。 イメージとしては、下記のようなレイアウトを作成する時。 HTML 下記のように用意。 すると縦のように並ぶ。 CSS 上記の「cozyspace-img」クラスと「cozyspace-me...
メイン画像を貼り付けようとした時にどうしても余白ができてしまった時の対応をメモ。 起こったこと メイン画像を貼った時に、画面いっぱいに表示させようと思ったのだが、どうしても周りにスペースができてしまった。 解決法は? m...