FLASHでlighthboxを使う

2009.10.27

まず普通にlightboxをダウンロード。
そして解凍、インストール。

ヘッダに下記を記載(パスは任意)

<script language="javascript" type="text/javascript" src="../common/js/prototype.js"></script>
<script language="javascript" type="text/javascript" src="../common/js/scriptaculous.js?load=effects,builder"></script>
<script language="javascript" type="text/javascript" src="../common/js/lightbox.js"></script>
<link rel="stylesheet" href="../common/css/lightbox.css" type="text/css" media="screen" />

lightboxを適用したいFLASHの入るhtmlに下記を記載

function LightboxDelegate(url,caption) {
  var objLink = document.createElement('a');
  objLink.setAttribute('href',url);
  objLink.setAttribute('rel','lightbox');
  Lightbox.prototype.start(objLink);
}

FLASH側のASに下記を記載

on (release){
    getURL("javascript:LightboxDelegate('【FLASHを設置するhtmlからの画像パス】')");
}

コメントは受け付けていません。