可変グリッドレイアウトのjQueryプラグイン書いたよ
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js)
なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。
一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。
Demo
利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね)
Download
- jquery.vgrid.0.1.5.min.js (compressed: 20100306)
- jquery.vgrid.0.1.5.js (normal: 20100306)
利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。
更新情報
- v0.1.5 (20100306)
- コメントでいただいたバグをfixしました。
- 若干最適化しました。
- v0.1.4 (20100225)
- 再配置のstart/finishイベントを設定できるようにしました。
- demo006を参考にしてください。
- v0.1.3 (20100217)
- vgrefreshがvgsort内容もリフレッシュしちゃうのを修正
- 一応、フォントサイズ変更のリフレッシュトリガーを足してみた
- v0.1.2 (20090909)
- vgrefresh/vgsort関数のサンプル追加
- サンプルインデックスを追加
- v0.1.1 (20090907)
- fadeInオプションを追加
- コンテナボックスのリサイズ処理を変更
- demo004を追加
Todo
- グリッドの横幅がバラバラだと綺麗に並ばない
- 並びにスペースの無駄ができる場合がある
- クロスブラウザ/マルチプラットフォームで要確認
vgrefreshはvgsort内容もリフレッシュしちゃう- IEが重い
修正したらTwitterで流すようにします。興味のある方はフォローしてね。
まとめ
昨日PHPカンファレンスのUSTREAM見ながら書いてた。なぜPHPカンファレンスでJSなんだという話は置いといて、ああいうのを見てると自分も何かしなきゃと思っちゃう不思議。
--
最近、無音だと逆に作業に集中できないパターンに入ってる。
About this entry
Archive type
Individual archive
Published
2009/09/06 16:17
3 Comments
はじめまして相馬といいます。
これむちゃくちゃいいですね。
美しくすらあります。
これからも購読させていただきます。
便利なプラグインをありがとうございます。素晴らしいです。
このプラグインを利用させていただいて１つ気づいたことがあったのですが、Operaだけエラーになる場合がありました。function matrixSortX()にundefinedな値が渡った場合でした。
if (a == null || b == null) return 0;
などとやって適当に逃げてみています。
>相馬さん
ありがとうございます。
>yuさん
バグ報告ありがとうございます。
とりあえず自分も逃げてみましたｗ
自分の環境では不具合を再現できなかったので、まだ直ってない場合はお知らせいただくと幸いです。