После перехода на мою статическую страницу изображения исчезают или отображаются в плохом качестве - PullRequest
Новая
       7

После перехода на мою статическую страницу изображения исчезают или отображаются в плохом качестве

0 голосов
/ 04 января 2019

Я работал над своей свадебной страницей как стартовый проект. Это простой параллакс-сайт с множеством изображений. Только Html, CSS и немного Javascript были использованы (импортированы).

На моем локальном сервере все работает нормально. К сожалению, после загрузки и открытия сайта это просто становится беспорядком. Все изображения либо отображаются в катастрофическом качестве, либо просто исчезают. Я пробовал несколько браузеров, перезагружал файлы, проверял пути к файлам, но не могу выяснить проблему. Консоль Chrome Dev показывает ошибки, связанные с изображениями:

Не удалось загрузить ресурс: сервер ответил с состоянием 404 (не найдено)

Веб-хостинг: iPage
FTP: filezilla

Все изображения в формате JPEG.

Вот ссылка на целевую страницу: http://zsizsiszabi.com/

Ответы [ 2 ]

0 голосов
/ 04 января 2019

Я обнаружил проблему с изображением, на которое ссылается ваш css. Например, посмотрите на ваш параллакс1 css селектор / правило. Этот фрагмент кода CSS - то, что я вижу в инструментах разработчика.

Используете ли вы webpack / babel с плагинами css? Возможно, что-то ломается в процессе упаковки / экспорта.

Я бы вернулся и посмотрел на ваш CSS. Убедитесь в правильности пути для всех случаев, когда ваши изображения не загружаются. Если все выглядит правильно, возможно, что-то идет не так с процессом связывания ... 

.parallax1 {
    background-image: url(../Images/Abo{ background-image: url(../Images/About/intro.jpg);
    min-height: 100%;
}
0 голосов
/ 04 января 2019

Что касается отсутствующих изображений, например:

GET http://zsizsiszabi.com/Images/Denmark/treasure-map.png 404 (не Найдено)

Это говорит о том, что изображение treasure-map.png не может быть найдено по этому пути, и ищет тег img, который вы использовали для показа этого изображения: 

<img src="../Images/Denmark/treasure-map.png" id="treasure" alt="">

Вы говорите браузеру: «Я ожидаю, что это изображение будет найдено при переходе на одну папку вверх и затем в папки /Images/Denmark», оно там?

Что касается поврежденных изображений, они загружены неправильно, что-то произошло во время загрузки, которая повредила изображения или вы использовали неправильные настройки в приложении FTP, посмотрите на это изображение:
http://zsizsiszabi.com/English/ism/image/slides/_u/1544619616573_87463.jpeg
Это не потому, что сайт, а из-за процесса загрузки.

...