Как заставить показывать рамки у отсутствующих изображений на стр. ?

blazah · №1

Подскажите, как заставить FF начать показывать (broken image) рамки изображений у которых не прописаны width and height и alt не прописано
Не понимаю, почему во всех браузерах это есть, а mozilla игнорирует до сих пор такую полезную мелочь. Может есть какой плагин ? Хотя ковырялся, с ходу не нашёл такого.

Infocatcher · №2

Есть вот такой стиль: Show broken image placeholders

Или вот так:

Выделить код

Код:

@namespace url("http://www.w3.org/1999/xhtml");
/* http://userstyles.org/styles/17978 */
/* Show image placeholders */
@-moz-document url-prefix("http:"), url-prefix("https:"), url-prefix("file:"), url-prefix("data:") {
    img:-moz-broken:not([alt]) {
        -moz-force-broken-image-icon: 1;
        width: 24px;
        height: 24px;
    }
    img:-moz-broken[alt]:hover {
        outline: 1px solid currentColor;
        outline-offset: -1px;
    }
}

Оригинальный, вроде, в новых версиях ломает подписи, сделанные через атрибут alt.

blazah · №3

Infocatcher пишет

Есть вот такой стиль: Оригинальный, вроде, в новых версиях ломает подписи, сделанные через атрибут alt.

А что с этим делать ? Куда прописывать ?

Infocatcher · №4

Добавить в файл userContent.css (старая статья на русском) или с помощью расширения Stylish.

blazah · №5

Infocatcher пишет

Добавить в файл userContent.css (старая статья на русском) или с помощью расширения Stylish.

что-то не получилось вручную. Поставил Stylish, alt если заполненен уже стал показывать и при наведении на него рамка, но broken image изображения так и нет ну и окантовки изначально, рамки.

Stylish при создании правила для сайта по умолчанию всё без кавычек предлагает, на основе сайта я общее правило без кавычек сделал, т.е. код выглядит след. образом сейчас у меня:

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http:), url-prefix(https:), url-prefix(file:), url-prefix(data:) {
    img:-moz-broken:not([alt]) {
        -moz-force-broken-image-icon: 1;
        width: 24px;
        height: 24px;
    }
    img:-moz-broken[alt]:hover {
        outline: 1px solid currentColor;
        outline-offset: -1px;
    }
}

Infocatcher · №6

У меня, вроде, работает (через Stylish):

(после изменения src и удаления alt)

blazah · №7

Infocatcher пишет

У меня, вроде, работает (через Stylish)после изменения src и удаления alt)

Да твой пример вижу всё гут.

А вот я здесь тестю http://www.rtbroker.ru/dokumenty/obshaya-informaciya/tipy-kontejnerov.html
посмотри, как у тебя ? В IE и в Chrome показывает broken image в FF не хочет

Infocatcher · №8

blazah пишет

http://www.rtbroker.ru/dokumenty/obshaya-informaciya/tipy-kontejnerov.html

У меня там alt показывается.
Можно вот так сделать:

Выделить код

Код:

img:-moz-broken {
        -moz-force-broken-image-icon: 1 !important;
        width: 24px !important;
        height: 24px !important;
    }

– будет всегда картинку показывать.

blazah · №9

Infocatcher пишет

будет всегда картинку показывать.

Супер, огромное спасибо. Показывает. А когда размер картинки задан будет реальный размер картинки показывать или всё время 24x24 ?

Infocatcher · №10

Все время 24х24, но можно попробовать вот так:

Выделить код

Код:

img:-moz-broken {
        -moz-force-broken-image-icon: 1 !important;
        min-width: 24px !important;
        min-height: 24px !important;
    }

blazah · №11

Infocatcher пишет

Все время 24х24

То же самое получается. Жаль, ну ладно, хоть в таком виде показывает, уже победа. Огромное тебе человеческое спасибо за помощь. Мне кажется это можно в шапку выносить, не я один судя по поиску Яндекса искал решение этой проблемы.

Infocatcher · №12

Вроде, получилось улучшить: UserStyles/tree/master/Show_Missing_Images
Правда, пришлось засунуть иконку прямо в стиль.

blazah · №13

Infocatcher пишет

Вроде, получилось улучшить: UserStyles/tree/master/Show_Missing_ImagesПравда, пришлось засунуть иконку прямо в стиль.

Класс, ты просто "монстр" - всё в лучшем виде, выноси в шапку

megadrive · №14

В 23 версии и выше что то не проходит такой трюк со стилями Да и вообще настройку загрузки изображений убрали Можно в 23 и выше что-нибудь придумать чтоб рамку показывало?

Полезная информация

№114-05-2013 13:27:47