Html5 20101105
- 5. Smokescreen概要
<script type="text/javascript" src="js/smokescreen.js"></script>
<script>
function urlParam(name, _default) {
name = name.replace(/[[]/,"[").replace(/[]]/,"]")
var regexS = "[?&]" + name + "=([^&#]*)"
var regex = new RegExp(regexS)
var results = regex.exec(window.location.href)
if (results == null) {
return _default
}
else {
return results[1]
}
}
function embed(container, withSmokescreen) {
var size = urlParam('size', 1)
var url = 'swf/photo.swf'
var width = 930 * size
var height = 330 * size
var params = {}
if (withSmokescreen) {
var name = 'msad'
var element = document.getElementById(container)
new Smokescreen(url, element, width, height, name, params)
} else {
swfobject.embedSWF(url, container, width, height, '9.0.0', null, params)
}
}
</script>
◎Smokescreenの使いかた
すみません、ここは何の処理をしているのか、解読でき
ませんでした…。でも、無いと動きません。
“var url”にswffファイルのパス。
”var width”と”var height”にサイズを設定。
そして、この関数に書き出したい部分のid名を
渡して読んであげると動く。
Smokescreenを読み込む
- 10. 今日明日にでもFlash→HTML5が必要な場合(リンク機能も含めて)
◎サンプルソース説明
<script type="text/javascript" src="js/smokescreen.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.svg.js"></script>
<script type="text/javascript">
function newSvg() {
var wrapper = $('#fljs').svg({onLoad: embed('fljs', true)});
};
function idCheck() {
var svg = $("#fljs").svg('get');
for (i=0; i<6; i++) {
var mcName = "mc" + i;
if ($('#' + mcName)) {
$($('#' + mcName).bind('click', svgClicked));
}
}
}
function svgClicked() {
var win = window.open();
win.location.href="http://www.google.co.jp/webhp?rls=ig";
}
以下、前に紹介したSmokescreenを呼び出す処理が続きます。
“SmokeScreen以外に”jquery”と”jquery.svg.js”を読み込む
“.svg()”にSmokescreenを呼ぶ関数を渡す。
“Add Link”ボタンを押すと書き出されたSVG内のボタン部分に
リンクを貼る処理。
ボタンを押された処理。