ASP MVC 3 - изображения не отображаются при просмотре первой страницы, но часто при обновлении - PullRequest
0 голосов
/ 25 февраля 2012

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

Любая помощь будет принята с благодарностью - эта сводит меня с ума!

1 Ответ

1 голос
/ 26 февраля 2012

Спасибо за предложение. Я удалил все вещи jQuery, и изображения появлялись каждый раз.

Я продолжал исследовать это и нашел кого-то еще, у кого была такая же проблема. Они решили эту проблему, поместив код jQuery в функцию window.load, и это, похоже, решило и мою проблему.

Я предполагаю, что в конструкторе для этого плагина есть некоторый код, который устанавливает видимость изображений, и это не удавалось, если изображения не были загружены в то время. Это, вероятно, также объясняет, почему это часто будет работать после обновления или при возврате на страницу, когда изображения были кэшированы.

Еще раз спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...