シンクグラフィカ札幌

slidebox.js

slidebox.js

スペース的に多くの情報を掲載できないこと、ありますよね。でも掲載したい!そんなジレンマであなたは今日も眠れないでしょう。そんなお悩みとはもうオサラバ!slidebox.jsを使えばあなたは今日から快眠ライフです!

よく理解できないと思いますが、平たく言うとiTunesとかAppleとかにある横にスライドするコンテナのアレです。でも縦にスライドさせることもできます。変幻自在です。

Webページ内の限られたスペースを有効活用できる素晴らしいスクリプトです(自画自賛)

機能

slidebox.jsには以下の機能が盛り込まれております。

縦にも横にも
横へのスライドのみならず、縦に複数件表示してスライドさせることもできるゾ!
スマホにも対応
Mobile用のフラグをつけてるからモバイル時にサイズを指定した値に変更できるゾ!もちろんiPhoneでも動くし!
脱jquery
このご時世にあえてjqueryを使っていません。jqueryが使えないシチュエーションがあるとも思えませんが、jqueryが嫌いな人にはうってつけかもね!?
jquery対応
jqueryがすでに読み込まれている場合は、惜しげも無くjqueryを使うぞ!和田憲幸はそういう奴だぞ!
複数のスライドを配置できる
1ページ内に何個でもたくさんスライドボックスを配置できるゾ!スゴイ!
設置が簡単
設置はとても簡単!設定はHTMLタグで記述するだけ!!あぁスゴイね!!
MSIE6に対応!
今日日MSIE6に対応している事をあえてプッシュしてみる。

デモ

slidebox.jsのサンプル
まぁ見てみてください。思う存分見るといい。そして楽しむといい。少し休んでから、また見るといい。

仕様詳細

スクリプト名称 slidebox.js
設置レベル レベル1

更新履歴

2012-08-20バージョン1.0.0を公開。

ダウンロード

slidebox.jsのダウンロード