872 Style
  1. TOP
  2. MEMO
  3. WEB
  4. MultiBox - for MooTools 1.2 の設置方法
  5. その3

MultiBox - for MooTools 1.2 の設置方法(MultiBox2) その3

画像以外の設定

.swf example

.swf example by Ashley Warren

<a href="Files/parallax.swf" id="mb5" class="mb" title="Flash" rel="width:700,height:200,[flash]">.swf example</a>
<div class="multiBoxDesc mb5 mbHidden">.swf example by Ashley Warren</div>

Flash(.swf)を表示する場合は rel="width:xxx,height:xxx,[flash]"
xxxには数字を入力。

.mov example
.mov example

<a href="Files/curly.mov" id="mb6" class="mb" title="Movie" rel="width:400,height:310,[video]">.mov example</a>
<div class="multiBoxDesc mb6 mbHidden">.mov example</div>

Move(.mov)を表示する場合は rel="width:xxx,height:xxx,[video]"
xxxには数字を入力。

.rmvb example
.rmvb example

<a href="Files/curly.rmvb" id="mb7" class="mb" title="RealVideo" rel="width:400,height:300,[video]">.rvmb example</a>
<div class="multiBoxDesc mb7 mbHidden">.rmvb example</div>

RealMedia(.rmvb)を表示する場合は rel="width:xxx,height:xxx,[flash]"
xxxには数字を入力。

.wmv example
.wmv example

<a href="Files/curly.wmv" id="mb8" class="mb" title="Windows Media Video" rel="width:400,height:350,[video]">.swf example</a>
<div class="multiBoxDesc mb8 mbHidden">.swf example by Ashley Warren</div>

Windows Media Video(.wmv)を表示する場合は rel="width:xxx,height:xxx,[flash]"
xxxには数字を入力。

.mp3 example
.mp3 example

<a href="Files/music.mp3" id="mb9" class="mb" title="mp3" rel="[flash]">.mp3 example</a>
<div class="multiBoxDesc mb9 mbHidden">.mp3 example</div>

MP3(.mp3)を表示する場合は rel="[flash]"

.flv example
.flv example

<a href="Files/curly.flv" id="mb10" class="mb" title="Flash Video" rel="width:400,height:300,[flash]">.flv examplee</a>
<div class="multiBoxDesc mb10 mbHidden">.flv example</div>

Flash Video(.flv)を表示する場合は rel="width:xxx,height:xxx,[flash]"
xxxには数字を入力。

HTML page
html

<a href="Files/parallax.swf" id="mb11" class="mb" title="iFrame" rel="width:400,height:300">HTML page</a>
<div class="multiBoxDesc mb11 mbHidden">html</div>

HTML Page を表示する場合は rel="width:xxx,height:xxx" xxxには数字を入力。

HTML page (Ajax)
html (ajax)

<a href="Files/blank-ajax.htm" id="mb12" class="mb" title="AJAX" rel="width:400,height:300,req:true">HTML page (Ajax)</a>
<div class="multiBoxDesc mb12 mbHidden">html (ajax)</div>

HTML Page(Ajax)を表示する場合は rel="width:xxx,height:xxx,req:true"
xxxには数字を入力。

HTML element
html element

This is a snippet of html.

  • list item 1
  • list item 2

<a href="#htmlElement" id="mb13" class="mb" title="HTML element" rel="type:element">HTML element</a>
<div id="htmlElement" class="mbHidden">
<p>This is a snippet of html.</p>
<ul>
<li>list item 1</li>
<li>list item 2</li>
</ul>
<div style="clear:both;height:0;line-height:0;overflow:hidden;"></div>
</div>

HTML element を表示する場合は rel="type:element"

872 Blog
blog.872style.com

<a href="http://blog.872style.com/" id="mb14" class="mb" title="iFrame" rel="width:720,height:400">872 Blog</a>
<div class="multiBoxDesc mb5 mbHidden">blog.872style.com</div>

iFrame を表示する場合は rel="width:xxx,height:xxx" xxxには数字を入力。