- 2008年10月23日 (木)
Shadowbox.jsでブログのSWFをLightbox的な表示にしてみたよ
Shadowbox.jsを入れてブログ内のFlashをLightbox.js風な画面内ポップアップするようにしました。今までは別ページ(_blank)でSWFを表示させていましたが、無駄にページ遷移する必要がなくなります。
サンプルはこちら。Lightbox.jsのref=”lightbox”と互換性があるのもいい感じです。
Shadowboxを導入するに当たって
当ブログはiPhone等の様々なデバイスに対応させるため、「ページにFlashを埋め込まない」というフラッシャーにとって背反するポリシーのもと運営してますが、shadowboxであれば妥協してもいいかと思い導入しました。wmodeにも変な値が入っていないのでまったく許せます。
またFlashの画角(サイズ)を720×480にしています。この画角は学生時代に映像やっていたこだわりで、ビデオのDVから横幅・縦幅の引用しています。いつかデモをビデオにまとめることがあったら画角が統一されていると便利、という理由もあったりします。
コメントする
[告知] 最近書いた書籍の紹介
Flash に関する解説本を書いてます。ブログよりも充実した解説でまとめているので、よければどうぞご覧ください。
[告知] ハンドオンセミナーのお知らせ
FlashのフレームワークProgressionの入門講座を開講しています。集中的にProgressionを学習したい方はどうぞご受講くださいませ。
» 詳細を確認する
2008年10月23日(木) 14:23
余計なお世話だとは思いますが、DVの720*480はソースクリップのピクセルアスペクト比が0.9の時のみ使用出来ます。
Flashコンテンツなどはピクセルアスペクト比が1です。さらに、Flashなどはピクセルアスペクト比を変更出来ないので、NTSCのSDサイズにこだわるのでしたら、上記のコンテンツサイズは640*480にした方がよいかとおもいますよ。
2008年10月23日(木) 18:20
ご指摘ありがとうございます。アスペクト比のことは把握していますが(こちらのことですよね)、あくまでサンプルのサイズを揃えておきたいということで上記にしているつもりです。実際にはサイズは可変レイアウトにしてますので、もしも作ることがあったらその都度再生サイズを調整するつもりです。