サムネイルスライダー
スタンダードな写真が自動でスライドする事例です。
ヘッダー大型スライダーシンプル
スライドはさりげなく、文字を見せるためのスライダーです。
キャッチフレーズを強く見せる方法例です
ヘッダー大型スライダー特殊
スライダー自体をデザインしたスライダーです。
斜めにデザインされていることから、下の文章まで同じくデザインすることで、より上下に見やすくすることでページ全体に動きを付けます。
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
ヘッダー大型スライダーマルチフォト
一つのスライダーに複数の写真を載せるタイプです。
同時にたくさんの写真を見せることができるのが特徴です。
Sed vitae leo placerat, venenatis massa at, dictum nisl. Suspendisse efficitur eros ligula, eget dapibus ex pellentesque quis.
Cras nunc erat, egestas ac fermentum vel, ultrices eu velit. Suspendisse nec augue mollis, tincidunt magna eu, malesuada.
Suspendisse nec neque nec quam dictum scelerisque et eu quam. Proin interdum vestibulum urna eleifend feugiat.
Cras nunc erat, egestas ac fermentum vel, ultrices eu velit. Suspendisse nec augue mollis, tincidunt magna eu, malesuada.
ヘッダー大型スライダーネクスト
次のスライドのデザインが少し見えているので、ユーザーに次のスライドを見せやすくなります。
Day 1: First steps - Buffalo National Park
Day 2: Explore the Magical Forest
Day 3: Old places and new memories
Day 4: My first mission to The Dormund
Day 5: A sunny day in the land of caves
Day 6: How this trip changed my life
Day 7: Don't mind to get wet
ヘッダー大型スライダー ビデオ背景
ビデオ背景なので、より訴求力が上がります。
Smart Slider 3 allows you to create various video slides to your website such as YouTube, Vimeo and HTML5 videos.
ヘッダー大型スライダー ビフォーアフター
スライダー内の写真を手動で切り替えてビフォーアフターの違いを見せやすくなります。
同じ場所を同じ視点で写真にするとより効果的です。
上記以外にも、オプションで選べるスライダーを随時紹介しております。