2015/05/26 クリエイター

簡単に設置できる&サイトの見栄えが良くなるイメージスライダーまとめ

簡単に設置できる&サイトの見栄えが良くなるイメージスライダーまとめ サイトにイメージスライダーを簡単に導入できる、無料のスライダーを集めました。jQueryで動作するスライダー、CSSのみで動作するスライダー、それぞれ導入が簡単でありながら、サイトの見栄えを良くすることができるので、ぜひ使ってみてください!

WOW Slider

jQueryで動作するスライドショーを簡単に作成できる人気のイメージスライダーです。
エフェクトの種類が豊富で、導入が簡単なのでjQuery初心者でも扱いやすいかと思います。
公式サイトは日本語にも対応しているので、導入がしやすいスライダーです。


http://wowslider.com/

cssSlider

CSSだけで動かせるスライダーで、JavaScriptもjQueryも使用しません。
クロスブラウザ対応のスライダーで、スライダーコントロールにベクターのアイコンフォントを使用しているのでRetinaにも対応しています。
こちらの公式サイトも日本語に対応しているので、日本語での解説を見ながら設置できます。


http://cssslider.com/

sliding image panels with css3

こちらもCSSのみで動くスライダーです。
CSSだえで作れる見栄えのいいスライダーで、ライセンスはAttribution-NonCommercial 3.0(表示 - 非営利 3.0 非移植)となっています。


http://tympanus.net/codrops/2012/01/17/sliding-image-panels-with-css3/

Slider Pro

Slider Proはシンプルかつクールなスライダーで、レスポンシブ対応しています。
エフェクトにこだわらず、見やすいスライダーを導入したい時に使えるかと思います。


http://bqworks.com/slider-pro/

Experimental CSS3 Only Image Slider with 3D Transforms

画像を立体的に表示できるイメージスライダーです。
CSSのみで動作します。


http://www.inserthtml.com/2013/02/css3-3d-image-slider/

※使用される際は、各配布サイトでライセンスや利用規約をご確認ください。
Webデザインの求人案件 Webデザインの求人案件

Webデザイナーやクリエイターの求人・案件情報です。
制作会社もあれば自社サービスのUIデザイン案件等、幅広く掲載しています。