图像定位问题

时间:2012-06-26 13:56:49

标签: css image

我在flash播放器上放了一个图像。以下是我使用的代码

<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>

点击图片后,图片消失了。视频开始播放。 注意:图像在中间某处

功能正常。但是当我刷新页面时,图像会闪烁(下降一小秒,然后曝光视频)。我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

使用CSS:

.VideoLikeContent {
    display:none;
}