Как отображать несуществующие изображения так, как это делает IE / Opera? - PullRequest
Новая
       8

Как отображать несуществующие изображения так, как это делает IE / Opera?

4 голосов
/ 20 ноября 2008

Мой Firefox 3.0.4 вообще не отображает несуществующие изображения или отображает изображение в виде обычного текста (если доступно).
Таким образом, я бы не догадывался, что там должно быть изображение.

Кто-нибудь знает, есть ли способ заставить его работать как IE / Opera? (т.е. отображать окно, даже если файл изображения не существует) - плагин или что-нибудь?

Тестовое изображение: [broken image test]

Ответы [ 8 ]

3 голосов
/ 19 июля 2011

В about: config есть настройка, которая должна делать именно это: browser.display.show_image_placeholders. Однако он ничего не делает сам по себе.

Вам необходимо добавить правило к userContent.css, например: 

/*
 * Show image placeholders
 */
@-moz-document url-prefix(http), url-prefix(https), url-prefix(file) {
  img:-moz-broken {
    -moz-force-broken-image-icon: 1;
    width: 24px;
    height: 24px;
  }
}

Тогда изображения будут отображаться так:

example screenshot

Обратите внимание, что это скрывает альтернативный текст, в отличие от Chrome, который показывает альтернативный текст рядом с заполнителем.

1 голос
/ 11 ноября 2011

Мое расширение, FeatureFix , теперь содержит исчерпывающий раздел в своем графическом интерфейсе настройки ("расширенные настройки / настройки для разработчиков") для настройки поврежденных / загружаемых заполнителей изображений.

1 голос
/ 20 ноября 2008

Вот еще один обходной путь на основе аддонов.

  • Получите Стильный аддон для Firefox, позволяющий вам применять вашу собственную информацию о стилях.
  • Добавить фон ко всем <img> тегам. Если изображение загружается, вы его не увидите.

Но имейте в виду, что, если какие-либо изображения зависят от прозрачности, новый фон по умолчанию будет просвечивать.

1 голос
/ 20 ноября 2008

Существует экспериментальный плагин Force Image Placeholder , который пытается сделать то, что вы просите. Я этим не пользовался, но стоит попробовать.

1 голос
/ 20 ноября 2008

Вы можете получить Плагин Firebug . Это не изменит способ отображения изображений, но у него есть вкладка сети, по которой можно щелкнуть, чтобы узнать, какие ресурсы были получены Firefox (и как быстро) Кроме того, он скажет вам, какие изображения, js-файлы и css-файлы он не смог получить. Это невероятно удобно для веб-разработки.

Он также имеет массу других замечательных функций, таких как отладка JS, и многое другое.

0 голосов
/ 09 июня 2013

Ничего не работает, основываясь на опыте и всех исследованиях этого вопроса, Firefox не будет (в любом случае, в Windows) отображать сломанный значок / значок заполнителей изображения, независимо от того, что CSS и о чем: настройки конфигурации.

Хуже всего то, что все остальные браузеры делают это по умолчанию, так что если вы хотите узнать, что на самом деле происходит, создайте дамп Firefox.

0 голосов
/ 20 ноября 2008

В соответствии с предложением Pim Jager, но кажется, что вам нужно заставить изображение отображать что-то вроде "display: block;" Преимущество этого заключается в том, что вы можете указать дополнительные стили с помощью CSS, которые будут отображаться, если изображение отсутствует, например цвет фона или даже фоновое изображение. YMMV.

0 голосов
/ 20 ноября 2008

Насколько я знаю, плагина нет, изображения должны иметь ширину и высоту, указанные так: 

<img src='...' width='100' height='100' alt='...'></img>
or
<img src='...' alt='...' style='width:100px; height:100px;'></img>

Тогда firefox зарезервирует подходящее место для изображений.

...