Изображения на скопированном сайте отказываются загружаться

0

Я скопировал веб-страницу для некоторого вдохновения, но когда я открыл ее на своей локальной машине, изображения не будут загружаться. Когда я смотрю в " Page Inspector в Firefox" и наводил курсор на источник изображения, он показывает мне изображение в окне предварительного просмотра. Изображения хранятся на моей локальной машине. Я также пробовал страницу без JavaScript, но результат остается прежним.

У кого-то есть идея, почему изображения отказываются появляться?

Оригинал: https://www.bol.com/nl/account/login.html

Как это выглядит на моей локальной машине:

Изображение 174551

Ссылки на изображения на 100% правильны.

<h2 id="main_logo" class="omniture_main_logo">    
    <img class="print_logo" width="111" height="30" alt="" src="bol.com_files/bolcom_logo.png"></img>
    <a href="http://www.bol.com/nl/index.html">    
        bol.com    
    </a>    
</h2>
  • 0
    Вы пробовали «проверить элемент» и посмотреть, есть ли у вас CSS, который скрывает изображение? здесь недостаточно информации, чтобы знать наверняка
  • 1
    Разве bol.com_files / bolcom_logo.png не должен быть bol.com/files/bolcom_logo.png? Попробуйте заменить знак подчеркивания на косую черту.
Показать ещё 1 комментарий
Теги:

2 ответа

1

Вы увидите, что все изображения имеют класс print-logo. В CSS,.print-logo имеет display: none; стиль, что означает, что он не будет отображаться на экране, но, по-видимому, будет отображаться при печати.

Изображения на самом деле выводятся из следующей сетки спрайтов: https://ss-bol.com/nl/static/images/main/menu_sprite_grid100x50.png

Убедитесь, что у вас есть это в локальных файлах, в нужном месте. CSS и спрайты на самом деле находятся в другом домене: https://ss-bol.com/nl/static/, просто чтобы вы знали.

РЕДАКТИРОВАТЬ:

Фоновые-URLs все, кажется, в файле CSS, как связаны в head из index.html. Я бы рекомендовал загрузить файл main.2658368274.css(здесь) в папку css/dist на вашем локальном сайте и изменить ссылку на CSS:

<link href="/main.2658368274.css" rel="stylesheet" type="text/css" media="all">

Затем вы можете загрузить карту спрайтов (здесь) в папку "images/main".

Надеюсь, это сработает для вас.

Поделиться
  • 0
    Поэтому я должен загрузить спрайт, посмотреть в коде JavaScript, где изображения рисуются и настроить источник изображения?
  • 1
    Я сделал правку, которая, надеюсь, заставит вас работать
1

Я попробовал это сам сейчас, кажется, что много (если не все) изображений на этом сайте хранятся в виде фоновых изображений CSS, а firefox не загружает их или неправильно меняет пути. например, usp_banner.gif пытается загрузить с url("../../images/main/usp_banner.gif") но этого не существует, когда вы используете функцию Firefox "Сохранить как".

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню