CodeHiveCodeHive
CodeHive
Animation Demo

ベーシックなスライダー

ベーシックなスライダーの概要

このページでは、基本的な仕様のスライダーを紹介します。
こちらで紹介しているスライダーの実装は基本的に無料で対応可能です。
ベーシックなスライダーの主な仕様は以下の通りです。

  • ライブラリはSplideまたはSwiperを使用します
  • 画面内に表示するするスライドの枚数は変更可能
  • ページネーション、進む・戻るボタンは標準で実装可能
  • その他ライブラリの機能を利用した範囲内でのカスタマイズ

コードハイブでは、基本的なスライダーの実装は「Splide」や「Swiper」というようなJavaScriptのライブラリを使用して実装します。
そのため使用するライブラリの機能の範囲内であれば基本的に追加料金はいただきませんが、ライブラリの機能を超えるような要件や、カスタマイズが必要な場合は別途お見積もりをさせていただくことがあります。
追加料金が発生するような要件の例としては以下のようなものがあります。

  • 2つのスライダーを連動させる
  • ポップアップモーダルとの連携
  • 追加でアニメーションを加えるなど
  • その他ライブラリの機能を超えたカスタマイズ

ご希望の要件がある場合は、お気軽にご相談ください。

1枚表示スライダー

表示数が1枚のスライダーです。

3枚表示スライダー

表示数が3枚のスライダーです。 スマホやタブレットでは1枚表示にするようなレスポンシブ対応も可能です。

フェード切り替えスライダー

画像の切り替えがフェードで行われるスライダーです。

CONTACT US! CONTACT US! CONTACT US!

CONTACT US! CONTACT US! CONTACT US!

CONTACT US! CONTACT US! CONTACT US!

アニメーション制作なら
コードハイブにご相談ください!

お問い合わせ
CodeHive