Я строю сайт с помощью Boostrap и JQueryИзображение не загружается (иногда!)
Сайт работает отлично, есть это один образ, который не загружается, в довольно странной форме. Это HTML, который определяет его:
<img src="resources/publicidade/pub.png" width="100%"/>
Однако, когда сайт нагрузок, он загружает, как это:
<img src="resources/publicidade/pub.png" width="0" height="0" style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 100px 1px;">
Изображение загружает, когда это произойдет, это 1px х 1px, но мое изображение фактически 1346px x 501px.
Если я поместил исходный путь для изображения на веб-адрес, он загрузится нормально. Когда я вернусь на веб-страницу, проблема исчезнет!
Глядя на журнал сервера (я использую python3 -m http.server) Я обнаружил, что при возникновении ошибки линия GET /resources/publicidade/pub.png HTTP/1.1 "200 даже не существует. Сообщение об ошибке «Загрузка изображения и возврата» появляется, как и ожидалось.
Я использую страницы github, и проблема там также возникает. Я, к сожалению, t post link здесь, так как мой клиент запросил конфиденциальность. Я попытался очистить кеш и использовать другой браузер, даже другую ОС, но проблема все равно возникает.
Вы используете относительный путь для своего изображения, который может сломаться в зависимости от того, на какой странице вы находитесь. Попробуйте /resources/publicidade/pub.png. Кроме того, дополнительные стили на вашем img означают, что есть некоторый javascript, который, вероятно, влияет на ваш образ. –
все другие изображения на одной странице также относительные, и они не ведут себя одинаково. с использованием начала/не влияет на ошибку. Спасибо за ваш вклад –