未分類

あなたならどのスライダーを使う?

  • このエントリーをはてなブックマークに追加

仕事の案件の依頼でスライダーを入れることになったのですが、あなたならどのスライダーを使いますか?

今回はjQueryのプラグインに絞って、特によく使う、また使用する際もわかりやすく使い勝手の良いスライダーが多くどれを使えばいいか迷います。

bxslider? slider-pro? slick?どれを使えばいいか迷いますね?

現在はもうどのサイトでも定番になっているスライダー系 jQueryプラグイン。CSSだけでも可能になっている昨今ですが、細かな設定などが難しかったりします。どのプラグインを入れればいいか迷う時があるのでそれぞれの特徴を上げてみます。

bxslider

 

スライダー系jQueryプラグインで定番中の定番であるbxsliderですが、画像をクリックした場合やコントロール(矢印や下の●)を触ったら自動でスライドする機能が止まってしまうという不具合があるのが難点(プラグインを入れれば問題解決出来るそうです。)

 

slick

 

スライドする画像の大きさが違っても大丈夫なスライダー系jQueryプラグイン。

公式サイトに使い方やオプションが解説されて分かりやすくなっています。(但し英語で表記されている。( ¯−¯   )

slickはオプションが豊富なのも魅力的なスライダーです。

 

Slider Pro

 

痒い所に手が届くが売りの定番のスライダー系jQueryプラグイン。動画をスライダーに入れることも対応しており、スライダー内の動画に対するオプションやウィンドウ幅に合わせ、さらにレスポンシヴに対応までも準備されていて完成度が高く機能が豊富なスライダー系jQueryプラグインです。

これらのプラグインはスライドさせるのは画像だけではなく、要素をそのままスライドさせたりすることも可能です。

主に、スライダー系のjQueryプラグインはこの3つを抑えておけば間違いないでしょう。

それぞれCSSが違ったりするので、用途によって使い分けてみても良いかと思います。

また別の使い勝手の良いスライダーが出ましたら別の機会に紹介したいと思います。

結論としては対応している機能やその人の好みによって使うスライダーが分かれそうです。