このスライダーを使うときの注意事項
- すべてのスライダーに同じ文言を設定してください。
文字数が多いスライドと少ないスライドが混在すると、表示がくずれることがあります。特定の画面幅で正常に表示されても、画面幅が変わると正常に表示されない可能性があります。 - このスライダーの画像はスライダーアイテム内のカバーブロックで表示しています。
フォーカルポイントを指定できる代わりに、PC・タブレット・モバイルで画像を出し分けることができません。 - 同じデザインで、PC・タブレット・モバイルで画像を出し分けるスライダーを別途用意してあります。
PC・タブレット・モバイルで画像を出し分けたい場合は こちらのページ のスライダーをお使いください。
補足情報
https://wsp-demo09.hp1.work/ と https://wsp-demo10.hp1.work/ のスライダーはまったく同じものです。
スライダーブロックに 追加 CSS クラス offset-slider-cover-1-key
を追加すると、デザインが以下のように変わります。
- 文字の背景のグラデーションが 白 から キーカラーに変わり、文字色が白になる。
- 画像がピン角になる。