jQueryを使ったスライドショー「fallslider」のα版

スマートフォンやタブレット端末でも見ることが出来るスライドショー機能をコンセプトにjQueryを使ったスライドショーを制作しています。

とりあえず、動くようになったのでcdbk.net CREATIVESに掲載

まだコントロール、ナビゲーヂョンなどがない状態なのでそれらを追加を今後行っていきます。

スマートフォンやタブレットは画面幅が端末を回転させたりする際にかわってしまうのでそれに対応するようリキッドデザインを概念におき、アスペクト比を保った表示を行うスライドショーです。

何か表示、機能面でリクエストなどあれば出来る範囲で盛り込んでいこうと思っています。
でも出来る限り、導入がシンプルに出来、CSSでデザインできるものを目指しています。

スライドショーをページに追加できるNivo Slider

jQueryを使ってページにスライドショーを簡単に追加できるNivo Slidarcdbk.net CREATIVESに導入してみました。

lightviewとJavaScriptの一部が競合してしまうので同じページに置くことはできませんが、複数の同じサイズの画像をひとつのコマで表示できるので便利です。

表示を切り替えする際のエフェクトもいくつか用意されているので、気になる方は配布元のデモページを見てください。

Nivo Slider

「Nivo Slider」をGoogleで調べる