背景画像付きのHTMLページがあります。ここで、ページの隅にフラッシュ(swf)を追加します(はがすことができる紙のような折り目)。重要なのは、フラッシュはUIの小さな部分(折り畳み)であり、後でHTMLのより多くをカバーするより大きなビューに開きます(2つの状態はクリックすると切り替わります)。私はswfObject.jsとembedSwfを使用しています:
swfobject.embedSWF("fold.swf", "pageFold", "auto", "400px", "9.0.0");
そして私のHTMLは次のとおりです。
<div id="pageFold"></div>
幅と高さのパラメーターを修正するなど、いくつかの異なる試行を行いましたが、私の問題は、swfが小さい状態(折りたたまれた角)にある場合でも、swfがHTMLの背景画像をカバーし続けることです。
理想的には、次の2つのうちの1つが必要です。
- swfの背景を透明にして、HTMLの背景画像が常に表示されるようにします。
- 埋め込まれたswfのサイズを動的に変更します-小さい状態(折りたたまれた角)の場合は、埋め込まれたオブジェクトを小さく保ちます。swfをクリックして、フラッシュUIを拡大したら、埋め込みオブジェクトにHTMLのスペースを増やします。
これらのいずれかが可能ですか?他のオプションやアイデアはありますか?
ありがとう。