最近、めちゃくちゃ陽射しが気持ちいいですね。
朝とか、お昼とかに外を歩いていてその陽射しを浴びているだけで幸せです。
ただそれだけで幸せを感じられる自分って、どうなのさ？
どうってこともないですね。良いに決まってます。
さて、本題。
今回の課題は、「lightbox JS v2.0」のような見せ方で、Flashを表示したい！
念のため試してみましたが、というか試すまでもなかったんですが、「lightbox JS v2.0」ではFlashは表示できません。
それで、例によって探してみました。
ありました。よさげなのが。
それが、「ThickBox 2.1.1」です。
「ThickBox 2.1.1」では、画像だけでなく、HTMLもiframeの中に表示するという形で「lightbox」風に表示させることができてしまいます。
なので、Flashを表示させるHTMLを用意しておいて、この「ThicBox」で表示させれば見事解決！
と、こういうわけです。
使い方は、「lightbox v2.0」なみに簡単ですね。
ライブラリを読み込んで・・・
<script type="text/javascript" src="path-to-file/jquery.js"></script>
<script type="text/javascript" src="path-to-file/thickbox.js"></script>CSSも読み込み…
<link rel="stylesheet" href="path-to-file/thickbox.css" type="text/css" media="screen" />画像ならこんな感じでリンクを張る
<a href="images/single.jpg" title="add a caption to title attribute / or leave blank" class="thickbox"><img src="images/single_t.jpg" alt="Single Image"/></a>HTMLならこんな感じ。
<a href="#TB_inline?height=300&width=300&inlineId=myOnPageContent" title="add a caption to title attribute / or leave blank" class="thickbox">Show</a>簡単ですね。
簡単だし、JSもCSSもわりとわかりやすいのでカスタマイズもわりと簡単にできちゃいます。
ただし、「prototype.js」と一緒に使うとコンフリクトするそうですのでご注意を。
