图像定位问题答案

【问题标题】：Image positioning issue图像定位问题
【发布时间】：2012-06-27 20:48:34
【问题描述】：

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

点击图片，图片消失，视频开始播放。注意：图片在中间某处

该功能运行良好。但是当我刷新页面时，图像会闪烁（下降几分之一秒，从而暴露视频）。我该如何解决这个问题？

【问题讨论】：

请don't add signatures or taglines to your posts。
可以把你的代码放到 jsfiddle 里吗？
它是否可见然后消失并再次出现？或者只是一开始不可见，然后变得可见？
另外 - 而不是使用onclick="..."，你应该用jQuery .click()真正绑定事件，看看你是如何使用框架的。

标签： css image

【解决方案1】：

使用 CSS：

.VideoLikeContent {
    display:none;
}

【讨论】：