グラビカ学習帳～四谷のホームページ制作会社 gravity works（グラビティ・ワークス）備忘録と知識の共有と蓄積

Flashの初めにローディングバーを設置すると、
Flashを表示させてしばらくは白い画面が続き、
バーが表示されたときにはすでに途中までローディングが終わっている、
ということがあると思います。

ひどい時には60％くらいから始まるときも。。
これではせっかくのローディングもあまり意味がなくなってしまいます。


この原因ですが、1フレーム目の容量が多いことが問題だそうです。

Flashは1フレーム目に配置した要素を読み込み終わるまで何も表示しません。
そのため1フレーム目にはローディング関連しか置かないようにするのですが、
attachMovie用にリンケージ設定をしたMCも1フレーム目で読み込まれます。

MCのプロパティからリンケージの項目を見ると、
「1フレーム目に書き出し」にチェックが入っていると思います。

自分の場合はほぼこれが原因です。


ではどうするかというと、
まず「1フレーム目に書き出し」のチェックを外します。

このままではattachMovieで呼び出せないので、
次に2フレーム目あたりに専用のフレームを用意し、
attachMovieで呼び出したいMCをすべて設置します。

以上です。

これで1フレーム目にMCが置かれるのを極力回避することができます。

ただし、リンケージ設定の書き出しと違い、
実際にMCを設置するということはMC内のスクリプトも動くということで、
そこでエラーが出ないように注意しましょう。

文章中に、アイコンなど小さな画像を入れたい場合が結構あります。
そんな時は、画像に「vertical-align:middle;」や「vertical-align:text-top;」を
指定するとほとんどのブラウザで崩れる事なく表示されます。
が、やはりIE6では、画像挿入後にline-heightが無効になってしまうらしく
かなり崩れてしまいます。

• ああああああああああああああああああああああああ
• いいいいいいいいいいい
• ううううううううううううううううううううううううううううううううううううううううううううううううううう

上記は1、2、3の文章をリストにしています。
下記のように、リスト内の画像にスタイルを当てると
多少のずれはあるものの、IE6でもきれいに表示されます。

----------------------

li img{
padding:6px 0 5px 0;
vertical-align:middle;
}

li > img {
padding:0;
}

----------------------

下記のページを参考にさせていただきました。
IEバグ：img要素などの置換要素を含む行の前後では、line-heightが指定した値より小さくなる