【slick.js】ロード時にスライダー画像が一瞬縦に表示されてしまう場合の対処法(CSS)

[ ID : 4106 ]
ブロンズ
【slick.js】ロード時にスライダー画像が一瞬縦に表示されてしまう場合の対処法(CSS)

概要

ロード時にスライダー画像が一瞬縦に表示されてしまい崩れて見える場合の対処法を紹介。

用途・要件

  • ロード時に画像が一瞬縦に表示されないようにしたい場合。
  • フェードアニメーションを加える方法も記載。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11

検証ブラウザ

  • jQuery v3.6.0使用。
  • slick.js v1.8.1使用。

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

全ての記事を見る

KONOCODEのメリット 無料会員登録