Question

我已经看到很多关于图像没有显示的问题但我的图像似乎是间歇性的，通常图像不会出现在第一页视图上，但会在刷新后出现。我正在使用JQuery插件在图像悬停时弹出一些文本。

这是一个HTML代码段（我实际上有三个图片，但这里只添加了一个）：

<div class="container_24 spacing-bot">
<ul id="topGallery" class="image-overlay">
    <li>
        <a href="@Url.Action("Index", "Wedding")">
            <img src="@Url.Content("~/content/images/photos/image_one.png")" width="290" height="433" alt="Image One."/>
            <div class="caption">
                <h3>Heading One</h3>
                <p>Pop up comment one.</p>
            </div>
        </a>
    </li>       
</ul>

页面底部的JQuery代码是：

$("#topGallery")
  .ImageOverlay({ 
    border_color: "#000", 
    overlay_color: "#0545F5", 
    overlay_origin: "bottom", 
    overlay_text_color: "#fff", 
    overlay_speed: 'fast', 
    overlay_speed_out : 'slow' });

每次在我的开发机器上显示图像，但不在生产服务器上显示。我用Firebug检查了页面，图像似乎正在下降。通常当我刷新页面或从其他地方返回页面时，图像显示为正常。有时一个或两个图像看起来很好，但另一个不会。

任何帮助都会受到赞赏 - 这个让我感到厌烦！

Answer 1

感谢您的建议。我删除了所有jQuery的东西，每次都出现图片。

我继续研究这个并找到了其他有同样问题的人。他们通过将jQuery代码放入window.load函数来解决它，这似乎也解决了我的问题。

我假设这个插件的构造函数中有一些代码可以设置图像的可见性，如果当时没有加载图像，则会失败。这也可能解释了为什么它会在刷新后或在图像缓存时返回页面时经常工作。

再次感谢。

ASP MVC 3 - 图像未在首页视图中显示 - 但通常在刷新时显示

1 个答案: