Я видел множество вопросов о том, что изображения не отображаются, но мои, кажется, периодически Я использую плагин 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, и изображения, кажется, приходят вниз. Часто, когда я обновляю страницу или возвращаюсь к ней откуда-то еще, изображения отображаются как обычно. Иногда одно или два изображения выглядят хорошо, а другое - нет.
Любая помощь будет принята с благодарностью - эта сводит меня с ума!