コンテンツ開始

2010年01月13日


甥っ子のソーラーバッタ( ムービー付き )

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 | 独り言 : 徒然 | このブログの読者になる | 更新情報をチェックする
コンテンツ終了
右サイド開始
コンテナ終了
base 終了
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX