multibox

Lightboxの仲間も色々あるようで試してみましたので覚え書き。

phatfusion : multibox

ダウンロードすると余分なファイルがたくさん入っていますがいるのはこれだけ
multibox
–mootools.js
–multibox.css
–multibox.js
–overlay.js
–images–(アイコン画像

ひとまとめにしてアップ
ヘッダにこんな感じ。

<link href="<?php bloginfo(’url’); ?>/multibox/multibox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php bloginfo(’url’); ?>/multibox/mootools.js"></script>
<script type="text/javascript" src="<?php bloginfo(’url’); ?>/multibox/overlay.js"></script>
<script type="text/javascript" src="<?php bloginfo(’url’); ?>/multibox/multibox.js"></script>
<script type="text/javascript">
var box = {};
window.addEvent('domready', function(){
box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true});
});
</script>

アンカーにこいつを追加。titleなんかもお好みで
id="mb1" class="mb"

<div class="multiBoxDesc mb1">いろいろ</div>　
を付ければフッタエリアに表示されます。無ければ空。

idとclassがセットなので複数ある場合
適当にmb1んところをカウントアップ。ちと面倒….

画像の場合