Shadowbox.jsでLightboxのようにFlashファイルを表示する
ちとLightbox使おうとしていたら、画像じゃなくて簡単なFlashファイルを表示させたいということになりまして、LightboxでSWFはハンドルできないようなので、調べたところShadowbox.jsというのがありました。
ヘッダにこんな感じで必要なスクリプトを読み込んで。
<script src="/js/navi.js" type="text/javascript"></script>
<link rel="stylesheet" href="../js/shadowbox/css/shadowbox.css" type="text/css" />
<script type="text/javascript" src="/js/prototype/prototype.js"></script>
<script type="text/javascript" src="/js/shadowbox/adapter/shadowbox-prototype.js"></script>
<script type="text/javascript" src="/js/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.loadSkin('classic', '/js/shadowbox/skin');
Shadowbox.loadLanguage('en', '/js/shadowbox/lang');
Shadowbox.loadPlayer(['swf'], '/js/shadowbox/player');
window.onload = Shadowbox.init;
</script>
こんな感じで呼び出します。
<a href="swffile.swf" title="ファイルのタイトル" rel="shadowbox;height=690;width=600">ファイルへのリンク</a>
SWFファイル以外にも、そもそもがMedia Viewerということなので、色々扱えて便利です。
トラックバック
このエントリーのトラックバックURL:
http://www.experience-transporters.com/mt/mt-tb.cgi/3138
