• べんり

サクッと設置!jqueryスライダー

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

こんにちは、佐藤です。
ドラクエ10はやっとこ全職カンストしました、長かった・・・。
後は次のバージョンアップまでまったりやろう。
さて、今回は個人的によく利用するjqueryのスライダーをご紹介

簡単なのに使いやすい!bxslider

まずは一番よく使っている「bxslider」をご紹介。
初めて教えてもらった時は、設置が簡単すぎてびっくりしました。
サイトよりダウンロードし、Step 1の順に組んでいけばあっさり実装できます。
さらに、カスタマイズも簡単で、紹介しているサイトも数多くあります。
レスポンシブにも対応しているのでとても便利です!

slider_blog01

bxslider

全画面でぐいっと広がる!wideslider

つい先日もお世話になったスライダー「wideslider」。
ウィンドウサイズに応じて幅が変更され、ページネーションを
サムネイルにも変更可能です。
日本語で丁寧に説明してくれていますので、こちらも設置は簡単です

slider_blog02

wideslider

アニメーション効果がキレイ!Nivo Slider

多彩なアニメーション効果が魅力的な「Nivo Slider」。
紹介されているサイトが多く、オプションも細かく設定出来ます。
ただ、アニメーションの種類が他のスライダーとちょっと違うので、
逆に使いずらく感じる人もいるかも知れません。

Nivo Slider

最後に

今回紹介した以外にも色々なjQueryプラグインがあります。
サイト制作の際は一度まとめサイトなどに目を通すと
良いかも知れません、新しい発見があるかもですよ?

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