css - 画像のポジショニングの問題

Question

FlashPlayerに画像を配置しました。以下は私が使用したコードです

<script type='text/javascript' src='/Technical/js/jquery-1.5.2.min.js'></script>
<script type='text/javascript' src='/Technical/js/jquery.pngFix.js'></script>
<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function () {
        jQuery(window).load(function () {
            jQuery('.VideoLikeContent').hide();
        });
    });

    function showImage() { jQuery(document).ready(function () { jQuery('.VideoLikeContent').show(); }); }
    function hideImage() { jQuery('#prodimg').hide(); showImage(); }

</script>

<a href="#" onclick="hideImage(); return false;">
    <img id="prodimg" style="position: absolute" 
      height="400px" width="600px" alt="" src="/Technical/images/FINAL-SCREEN-ART.aspx" />
</a>

画像をクリックすると、画像が消え、ビデオの再生が始まります。注：画像は中央のどこかにあります

機能は正常に機能していますが、ページを更新すると、画像がちらつきます（ほんの一瞬下がってビデオが露出します）。どうすればこれを修正できますか？

Answer 1

CSS を使用する:

.VideoLikeContent {
    display:none;
}