三日坊主日記NEXT – ページ 161 – 鳥取からゆる～くかくで

今まで Light Box を使って画像を表示しょーた。

今回、知り合いのホームページのリニューアルを頼まれてFlashをメインに使うことになっただけど、FlashとLight Boxはあまり相性が良くないみたいで、FlashからLight Boxを使って画像を表示できんかった

いろいろ調べたけどようわからんかったけ、Light Boxの代わりに Thich Box を使うことにしたで。

Thick Boxの導入

まずは、こちらからダウンロードしてくる。

ダウンロードファイルはzipとかで圧縮されとらんけ、必要なファイルをひとつずつダウンロードせんといけん。

それも、右クリックでファイルを保存っていう手順をふまんといけん。　（ちょっと面倒）

ダウンロードするのは下記の４つのファイル。

thickbox.js
thickbox.css
compressed version of jQuery
loadingAnimation.gif

このうち、「jquery-latest.pack.js」を「jquery.js」にリネームせんといけん。

それで、下記のように格納する。

それで、thickbox.js　をテキストエディタで開いて、８行目を環境に合うように変更する。

var tb_pathToImage = “http://hogehoge/thickbox/images/loadingAnimation.gif”;

さあ、これをFTPでアップロード。

Flash Acsion Scriptを作るで

ここからが本題のFlashのAction Script　(AS3.0)

とりあえず、hogehoge というインスタンス名のボタンが押されたときに、画像がThick Boxで表示されるようにしてみるで。

import flash.external.ExternalInterface;

hogehoge.addEventListener(MouseEvent.MOUSE_DOWN, DownFunc);

function DownFunc(event:MouseEvent){
ExternalInterface.call(“tb_show”, “WEDDING DRESS”, “画像のURL”);
};

HTMLファイルを変更するで

で、今度はHTMLファイルの変更をせんといけん。

ヘッダに下記を追加する。

あと、swfを呼び出す処理にパラメータを追加せんといけん。

“wmode”　に　 “transparent”　を追加する。

例えば、SWFObjectを使っているなら、

<div id=”flashcontent”> Flashが再生できません。 </div>
<script type=”text/javascript”>
var so = new SWFObject(“http://hogehoge/hogehoge.swf”, “hogemovie”, “800”, “450”, “9”, “#000000”);
so.addParam(“loop”, “false”);
so.addParam(“wmode”, “transparent”);
so.write(“flashcontent”);
</script>

<OBJECT>で挿入しとるんなら、下記の param を object 内に追加せんといけんし、

embed に wmode 属性を追加せんといけん。

wmode=”transparent”

これで、ちょっとカッチョイイページができるで

妻に今日の夕飯のリクエストを聞かれたけぇ、ビーフシチューをリクエストしてみた。

で、作っとるときに冷凍ご飯を温めようとしたら、「今日はご飯をたくさん食べるで」と妻がいった。

そうかぁ、ということで、いつもより多めにご飯を温めてみた。

すると、「大きな皿に入れてよぉ」って妻がいう。

何でおおきな皿だろう？と不思議に思いつつ、言われるがままに大きさ皿を準備。

「なんで、大きな皿にご飯をいれるだぁ？」

「かけるけ～」

えごはんにビーフシチューかけるだか

ここで発覚

妻はビーフシチューじゃなしにハヤシライスを作ろうとしとった。

ということで、ジャガイモが入っていないビーフシチューが完成

さぁ、食べようと思った瞬間、「まだだでぇ～」との声が・・・

なんと、スープが

ハヤシライスのつもりだったけ、スープをつくっとった。

ということで、ビーフシチューとスープの　汁 & 汁 のゴールデンメニューが完成

おいしかったけどね