>Форум Mozilla Россия http://forum.mozilla-russia.org/index.php >Firefox http://forum.mozilla-russia.org/viewforum.php?id=4 >Как заставить показывать рамки у отсутствующих изображений на стр. ? http://forum.mozilla-russia.org/viewtopic.php?id=59101 |
blazah > 14-05-2013 13:27:47 |
Подскажите, как заставить FF начать показывать (broken image) рамки изображений у которых не прописаны width and height и alt не прописано |
Infocatcher > 14-05-2013 13:49:15 |
Есть вот такой стиль: 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 > 14-05-2013 14:37:49 |
Infocatcher пишет
А что с этим делать ? Куда прописывать ? |
Infocatcher > 14-05-2013 15:10:39 |
Добавить в файл userContent.css (старая статья на русском) или с помощью расширения Stylish. |
blazah > 14-05-2013 21:44:03 |
Infocatcher пишет
что-то не получилось вручную. Поставил 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 > 14-05-2013 22:17:28 |
У меня, вроде, работает (через Stylish): |
blazah > 14-05-2013 23:32:46 |
Infocatcher пишет
Да твой пример вижу всё гут. А вот я здесь тестю http://www.rtbroker.ru/dokumenty/obshaya-informaciya/tipy-kontejnerov.html |
Infocatcher > 15-05-2013 00:25:36 |
blazah пишет
У меня там alt показывается. Выделить код Код:img:-moz-broken { -moz-force-broken-image-icon: 1 !important; width: 24px !important; height: 24px !important; } – будет всегда картинку показывать. |
blazah > 15-05-2013 01:15:11 |
Infocatcher пишет
Супер, огромное спасибо. Показывает. А когда размер картинки задан будет реальный размер картинки показывать или всё время 24x24 ? |
Infocatcher > 15-05-2013 07:41:33 |
Все время 24х24, но можно попробовать вот так: Выделить код Код:img:-moz-broken { -moz-force-broken-image-icon: 1 !important; min-width: 24px !important; min-height: 24px !important; } |
blazah > 15-05-2013 11:48:57 |
Infocatcher пишет
То же самое получается. Жаль, ну ладно, хоть в таком виде показывает, уже победа. Огромное тебе человеческое спасибо за помощь. Мне кажется это можно в шапку выносить, не я один судя по поиску Яндекса искал решение этой проблемы. |
Infocatcher > 15-05-2013 16:04:24 |
Вроде, получилось улучшить: UserStyles/tree/master/Show_Missing_Images |
blazah > 15-05-2013 21:40:16 |
Infocatcher пишет
Класс, ты просто "монстр" - всё в лучшем виде, выноси в шапку |
megadrive > 09-01-2014 23:06:19 |
В 23 версии и выше что то не проходит такой трюк со стилями Да и вообще настройку загрузки изображений убрали Можно в 23 и выше что-нибудь придумать чтоб рамку показывало? |