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んところをカウントアップ。ちと面倒....


画像の場合


リンクの場合

Apple

いろいろ

え？ウザイ？

こういうのは、ちょっと鬱陶しいかなと思いつつも
やってみたくなるのが人情です。(´ﾍ｀；)

Leave a Comment

Name (required)

Email (required)

URL

Message (required)

  Cancel Reply