multibox

10月 1st, 2008

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


画像の場合
showcase_lead_nano20080909.jpg
いろいろ

リンクの場合
Apple
いろいろ


え?ウザイ?

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

Related Posts

3 Comments

  • danny

    3月 th, 2009 4:39 AM

    できてないのですが…

    画像もAppleのリンクもただ飛んで表示されるだけです。なにも起こりません。

  • ing

    3月 th, 2009 10:12 PM

    dannyさん
    すみません….テーマ変更でやめちゃいました。汗

  • Brittney

    4月 th, 2014 2:08 PM

    Thanks for stnrtiag the ball rolling with this insight.