bas_lightbox0.4をちょっと改良 ***追記***
Posted: August 25th, 2006 | No Comments »TextpatternでLightboxJSの使用を簡単にするプラグイン bas _lightbox 。
v0.4では LightboxJSのv2.0 に対応です。
このサイトでも今回v0.3からバージョンアップしてみました。
インストール方法は @201 さんのところを参考に。
で、ちょっと使ってみて気になったところをいじってみました。
具体的には、タグの属性を二つ追加です。
「alt」と「group」。
タグ上で画像のaltとtitleを指定したり、画像をグループ化したりでできるようにしました。
これで、わりといい感じのプラグインになるはず。
やり方は一番後に。
例
pre(prettyprint).
hoge
hogehoge
hogehogehoge
みたいな感じです。
alt
bas_lightboxでは、というかTextpatternでは、imageタグのalt属性を記事の中ではなく、管理画面の画像管理ページで指定します。
僕はこれがどうも気にくわないので、記事内のタグでalt属性を指定できるように、「alt」属性をつけてみました。
これはLightboxのtitle属性にも指定されるので、クリックして出てくる画像のキャプションにもなります。
キャプションとか、記事書きながら決めたいですよね。
group
個人的には、LightboxJSのv2.0へのバージョンアップの大きな特徴は、
- Script.aculo.usのアニメーションの変化
- 画像をグループ化してスライドショーっぽく表示できる
ってことだと思います。
特に後者の方はけっこういい感じ。
rel="lightbox[hoge]"の hoge にグループ名を入れれば、同じグループ名のついている画像をグループ化できるわけです。
bas_lightboxのv0.4でもこれをサポートしていますが、とかとかで画像だけを連続して表示する時にしか使えません。
つまり、途中にテキストが挟めない。
これじゃあ、片手落ちじゃないか、ということで「group」属性をつけて自由にグループ化できるようにしてみました。
改良法
プラグインのコードの8行目あたりに
\'group\' => \'\',
\‘alt\’ => \’\’,
を追加。
60行目あたりの
$out[] = \'<a title="\'.$big[$caption].\'" rel="lightbox" href="\'.hu.$img_dir.\'/\'.$big[\'id\'].$big[\'ext\'].\'">\'.$thumb.\'</a>\';
を
$rel = ($group) ? "lightbox[$group]" : "lightbox";
$title = ($alt) ? $alt : $big[$caption];
$out[] = \’\’.$thumb.\’\’;
に書き換え。
以上です。
それでは、良いTextpatternライフを!
***追記***
上のコードですが、間違って表示されていました。
preタグとcodeタグで囲んだ中のコードにTextileが適用されてて、おかしなことに。
確認を怠って申し訳ありません。
しかし、codeやpreタグの中でもTextileは適用されるんですね。
適宜スペースを入れればいいのでしょうけど、これはちょっとやっかいですねぇ。
Leave a Reply