Flashの表示について
FlashをSWFオブジェクトで表示しています。
回線が遅い場合、Flashが読み込まれる前に一瞬、Flashの表示領域の高さ(CSS)が反映されていない?のか、Flashの下に表示すべき領域がFlashの部分に表示されレイアウトが崩れます。
下記にFlashを表示させる部分に関係のあるHTMLとCSSを記載いたします。
---------- HTML ----------
・・・・・・・・・・・・・
<head>
<script type='text/javascript' src='js/jquery-1.2.6.min.js'></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
</head>
<body>
・・・・・・・・・・・・・
・・・・・・・・・・・・・
<div id="top">・・・・・</div>
<div id="flash"></div>
<script type="text/javascript">
var flashvars = null;
var params = { bgcolor: "#●●●"};
swfobject.embedSWF("movie.swf", "movie", "840", "250", "9.0.0","expressInstall.swf", flashvars, params);
</script>
<div id="buttom">・・・・</div>
---------- CSS ----------
#flash {
width: 840px;
height: 250px;
}
CSSの250pxが効いていないのかFlash領域の高さがない状態で、上のコンテンツ(div id="top">・・・・</div>)のすぐ下にコンテンツ(<div id="buttom">・・・・</div>)が表示されてしまいます。
解決策に関してどのようなことでも良いので教えてください。
よろしくお願いいたします。
お礼
とてもよくわかりました。ありがとうございました。