レスポンシブ対応で
強力なアイキャッチを。
ホームページにアクセスしたとき、そのファーストビューがイメージを左右します。
インパクトのある写真のスライドショーによる演出もまた強力なアイキャッチになります。そこに、伝えたいキャッチコピーをそえれば、より一層引き立ちます。
クオリティWebデザインでは、ホームページ制作をご依頼いただいたお客様に、レスポンシブ対応かつ高機能なスライドショーを提供いたします。
レスポンシブ対応で
スライドショーの設定
スライドショー設定画面からスライド画像、キャプション、リンクボタンを設定できます。
スライドキャプションは、個別に設定することも、全スライドに同じキャプションを表示するようにすることも可能です。
スライドショー設定画面
キャプション設定画面
スライドショーの詳細設定
弊社で提供するスライドショーは、スライド画像はもちろん、サイズやアニメーション方法、テキストの内容やサイズ・書体などをお好みで設定していただけます♪
詳細設定画面
サイズ
スライドショーの幅・高さを設定できます。
ディレクションナビボタン
スライドショー左右スライド遷移ボタンの表示/非表示を設定できます。
スライドセレクター
スライドショー下部のスライドセレクターの表示/非表示を設定できます。
滞在時間
次のスライドに移動するまでの時間を設定できます。
遷移時間
スライド遷移に要する時間を設定できます。
トランジションタイプ
スライドの遷移方法を「横スライド」・「フェイド」から設定できます。また、スライドの場合はセンターモードのON/OF、フェイドの場合はフェイドタイプの切り替えなど、さらに細かく設定も可能です。
トランジション：スライドタイプ
スライドが横方向に遷移し、切り替わるタイプです。センターモードをONにすると、スライド画像の左右に余白を設け、隣接するスライド画像をのぞかせることもできます。
余白のサイズは%で調整できます。
センターモードON
センターモードOFF
トランジション：フェイドタイプ
フェイドイン・アウトでスライドが切り替わるタイプです。3つのトランジションタイプからアニメーション効果を選択できます。
サンプルをご用意いたしましたのでその効果をご確認ください。
ノーマル
ズームアウト
ズームイン
このページのまとめ
- ホームページにアクセスしたとき、そのファーストビューがイメージを左右します。
- 弊社にホームページ制作をご依頼のお客様にレスポンシブ対応のスライドショーを無料で制作いたします。
- スライド画像はもちろん、サイズやアニメーション方法、テキストの内容やサイズ・書体などをお好みで設定していただけます