小粋空間  -  a cheap joke and a play on words site

Lightbox JS/Litebox で BlogPet を背景画像の下に隠す

１．BlogPet のスクリプトを取得する

BlogPet 表示用の script 要素の src 属性に記述されたURLをブラウザ（Firefox 推奨）に入力すると、下のようなスクリプトが表示されます。

(function() {
 
    try {
        request = encodeURIComponent(document.URL);
        referrer = encodeURIComponent(document.referrer);
    } catch (e) {
        request = escape(document.URL);
        referrer = escape(document.referrer);
    }
 
 
    document.write(
    "<object id='usa.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' " +
        "classid='clsid:xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx' " +
        "codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' " +
        "width='130' " +
        "height='220'>" +
    "<param name='allowScriptAccess' value='sameDomain' />" +
    "<param name='movie' value='http://media.blogpet.net/5/8/243658.swf' />" +
    "<param name='play' value='true' />" +
    "<param name='loop' value='false' />" +
    "<param name='menu' value='false' />" +
    "<param name='quality' value='high' />" +
    "<param name='bgcolor' value='#ffffff' />" +
    "<param name='FlashVars' value='public_key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&domain=api.blogpet.net&current_url=" + request + "' />" +
    "<embed name='usa.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' " +
        "type='application/x-shockwave-flash' " +
        "pluginspage='http://www.macromedia.com/go/getflashplayer' " +
        "width='130' " +
        "height='220' " +
        "allowScriptAccess='sameDomain' " +
        "src='http://media.blogpet.net/5/8/243658.swf' " +
        "play='true' " +
        "loop='false' " +
        "menu='false' " +
        "quality='high' " +
        "bgcolor='#ffffff' " +
        "current_url='" + request + "'" +
        "FlashVars='public_key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&domain=api.blogpet.net&current_url=" + request + "' />" +
    "</object><br />"
    );
 
 
})();
 
 
 
 
document.write('<object id="site" classid="clsid:xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="130" height="100" align="middle"><param name="allowScriptAccess" value="always" /><param name="movie" value="http://kk.blogtoy.net/swf/48.swf" /><param name="play" value="true" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="high" /><param name="FlashVars" value="domain=kk.blogtoy.net&amp;source=/swf/13.swf&amp;onclick=/click/2/classic/8" /><embed src="http://kk.blogtoy.net/swf/48.swf" loop="false" menu="false" quality="high" bgcolor="#ffffff" width="130" height="100" name="site" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" FlashVars="domain=kk.blogtoy.net&amp;source=/swf/13.swf&amp;onclick=/click/2/classic/8" /></object>');

これを「ファイル」→「名前をつけてページを保存」を選択し、任意のファイル名（blogpet.txt 等）で保存します。

２．スクリプトの修正

保存したスクリプトを任意のエディタで開き、下記の青色部分を追加してください。注：計4ヶ所あります。

(function() {
 
    try {
        request = encodeURIComponent(document.URL);
        referrer = encodeURIComponent(document.referrer);
    } catch (e) {
        request = escape(document.URL);
        referrer = escape(document.referrer);
    }
 
 
    document.write(
    "<object id='usa.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' " +
        "classid='clsid:xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx' " +
        "codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' " +
        "width='130' " +
        "height='220'>" +
    "<param name='allowScriptAccess' value='sameDomain' />" +
    "<param name='movie' value='http://media.blogpet.net/5/8/243658.swf' />" +
    "<param name='play' value='true' />" +
    "<param name='loop' value='false' />" +
    "<param name='menu' value='false' />" +
    "<param name='quality' value='high' />" +
    "<param name='bgcolor' value='#ffffff' />" +
    "<param name='wmode' value='transparent' />" +
    "<param name='FlashVars' value='public_key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&domain=api.blogpet.net&current_url=" + request + "' />" +
    "<embed name='usa.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' " +
        "type='application/x-shockwave-flash' " +
        "pluginspage='http://www.macromedia.com/go/getflashplayer' " +
        "width='130' " +
        "height='220' " +
        "allowScriptAccess='sameDomain' " +
        "src='http://media.blogpet.net/5/8/243658.swf' " +
        "play='true' " +
        "loop='false' " +
        "menu='false' " +
        "quality='high' " +
        "bgcolor='#ffffff' " +
        "current_url='" + request + "'" +
                "wmode='transparent' " +
        "FlashVars='public_key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&domain=api.blogpet.net&current_url=" + request + "' />" +
    "</object><br />"
    );
 
 
})();
 
 
 
 
document.write('<object id="site" classid="clsid:xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="130" height="100" align="middle"><param name="allowScriptAccess" value="always" /><param name="movie" value="http://kk.blogtoy.net/swf/48.swf" /><param name="play" value="true" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="FlashVars" value="domain=kk.blogtoy.net&amp;source=/swf/13.swf&amp;onclick=/click/2/classic/8" /><embed src="http://kk.blogtoy.net/swf/48.swf" loop="false" menu="false" quality="high" bgcolor="#ffffff" width="130" height="100" name="site" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" FlashVars="domain=kk.blogtoy.net&amp;source=/swf/13.swf&amp;onclick=/click/2/classic/8" /></object>');

３．スクリプトをブログに設定

BlogPet 表示用の script 要素の src 属性 charset 属性を削除し、代わりに２項の内容を追加します。なお、language 属性も非推奨なので削除しても良いでしょう。

変更前

<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/xxxxxxxxxxxxxxxxx.js" charset="UTF-8"></script>

変更後

<script type="text/javascript">
[２項の内容をここに入れる]
</script>

以上です。
これで、ページ上の LightBox JS/LItebox 画像を表示した時、BlogPet が背景画像の下に隠れればOKです。