shadowbox は、元々設置してたのですが、ここまでするのに3時間くらいかかりました(笑)
最初インラインで flashVars を指定しようとしてどうにもならず、結局 Shadowbox.open
に変更。さらに、flv プレーヤーが相当古かったので、最新に。後、いろいろテストして
完成。
ソーラーバッタは、妹の日記で見つけて「欲しい」とか思って
どうせだから妹の撮ったムービーを勝手に拝借して・・・とかやって3時間なんですね。
はははは。
<link rel="stylesheet" type="text/css" href="http://lightbox.on.coocan.jp/sbx/shadowbox.css">
<script type="text/javascript" src="http://lightbox.on.coocan.jp/sbx/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
language: 'en',
players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
});
</script>
<script type="text/javascript">
function openMovie() {
Shadowbox.open({
player: 'flv',
title: '甥っ子のソーラーバッタ',
content: 'http://lightbox.on.coocan.jp/image/8377811.flv',
height: 372,
width: 450,
options: {
flashVars: {
image: 'http://lightbox.on.coocan.jp/image/8377811.jpg',
autostart: false
}
}
});
}
</script>
<img
src="http://lightbox.on.coocan.jp/image/8377811.jpg"
alt=""
galleryimg="no"
style='cursor:pointer;border-style:solid;border-width:1px;border-color:#000000'
onClick='openMovie();'
>
上のコードをここで確認できます。というか、これでデバッグしたので。
右側にテキストエリアがあるので、一番上にDOCTYPE を転送して
2番目と3番目にそれぞれセットして「このページで確認」ボタンをクリックです
posted by
at 2010-01-13 02:26
|
独り言 : 徒然
|
|
