スライダーの種類について

基本機能
2018.01.18

ホームページのトップページには、さまざまなスライダーが採用されており、
自社のサイトでもスライドを組込たいと考えている方は多いのではないでしょうか。

弊社では、制作ガイドラインの基本機能として、
「bxslider」「jqFancyTransitions」「Fullscreen Slit Slider」「infiniteSlide」の
スライドツールを採用しております。
自社サイトのスライド採用する際に、ご確認して頂ければと思います。


1) bxslider
まずは、採用数No.1の「bxslider」です。
横のスライドや縦のスライド、そしてフェードイン・フェードアウトの設定が可能です。

A.横スライドの事例
http://www.ascinc.co.jp/

B.縦スライドの事例
http://www.ascstock.biz/

C.フェード
http://www.arakawayoushoku.or.jp/


2) jqFancyTransitions
短冊状に切り替わるのが特徴の「jqFancyTransitions」。
他と違うスライドの切り替わりにしたいときに利用しております。

採用したサイトの事例
http://www.active-s.co.jp/


3) Fullscreen Slit Slider
斬新で迫力あるスライドにしたいときは、「Fullscreen Slit Slider」がおすすめです。
写真が重要なので、あまりいい素材がない場合は、難しいかもしれません。

採用したサイトの事例
http://proven.co.jp/


4) infiniteSlide
やさしく、落ち着いた感じで、イメージ写真をギャラリー風に見せたい時は、
「infiniteSlide」を採用しております。

採用したサイトの事例
http://tomo-rrow.co.jp/