X
Tap here to go to the mobile version of the site.

Support Forum

Go back to old image display

Posted

I just updated to Firefox 11 and the new image display is awful. When I go to an image URL (like this http://www.google.com.br/images/srpr/logo3w.png ) it's displayed with a dark background. It would be better if the background was soft grey... but it's too dark!

Is there a way to use the old image display, with white background or changing the background color?

I just updated to Firefox 11 and the new image display is awful. When I go to an image URL (like this http://www.google.com.br/images/srpr/logo3w.png ) it's displayed with a dark background. It would be better if the background was soft grey... but it's too dark! Is there a way to use the old image display, with white background or changing the background color?

Chosen solution

You can install the Old Default Image Style add-on (you don't even have to restart Firefox to get it to work)

Read this answer in context 3

Additional System Details

Installed Plug-ins

  • Shockwave Flash 11.1 r102

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.0; rv:11.0) Gecko/20100101 Firefox/11.0

More Information

Cheng Wang 34 solutions 435 answers

Chosen Solution

You can install the Old Default Image Style add-on (you don't even have to restart Firefox to get it to work)

You can install the [https://addons.mozilla.org/en-US/firefox/addon/old-default-image-style/ Old Default Image Style] add-on (you don't even have to restart Firefox to get it to work)

Question owner

Thank you! But is there a way to get the old image display without extensions? With an about:aconfig tweak or with userchrome.css?

Thank you! But is there a way to get the old image display without extensions? With an about:aconfig tweak or with userchrome.css?
Cheng Wang 34 solutions 435 answers

There's no about:config change. You can do it with userchrome.css (I can't say how off the top of my head). However, all that extension does is overwrite the default image stylesheet and add options in about:config to let you specify a background color. So it should be pretty safe, really lightweight (and much easier to use)

There's no about:config change. You can do it with userchrome.css (I can't say how off the top of my head). However, all that extension does is overwrite the default image stylesheet and add options in about:config to let you specify a background color. So it should be pretty safe, really lightweight (and much easier to use)
cor-el
  • Top 10 Contributor
  • Moderator
17523 solutions 158442 answers

Helpful Reply

I don't think that you can use code in userContent.css to fix this.
There is no selector possible to set the background-color for the body if there is only an img (body > img:only-child) on that page.
Only a script would be able to accomplish that AFAIK.

It looks that I'm wrong about this.

Add this code to userContent.css in the chrome folder

@-moz-document regexp("((.*\\.(png|apng|jpg|jpeg|gif|tiff|bmp))|(^data:image\\/.*))(\\?([^#]*))?(#(.*))?") {
html > body { background-color: #E8E8E8 !important; }
html > body > img:only-child { background-color:#fff !important; box-shadow: none !important; margin: 0 !important; }
}

  • resource://gre/res/TopLevelImageDocument.css
<strike>I don't think that you can use code in userContent.css to fix this</strike>.<br /> <strike>There is no selector possible to set the background-color for the body if there is only an img (body > img:only-child) on that page.<br /> Only a script would be able to accomplish that AFAIK.</strike> It looks that I'm wrong about this. *http://userstyles.org/styles/58710/firefox-11-change-image-view-background *http://forums.mozillazine.org/viewtopic.php?f=38&t=2443535 Add this code to userContent.css in the chrome folder *http://kb.mozillazine.org/userContent.css <pre><nowiki>@-moz-document regexp("((.*\\.(png|apng|jpg|jpeg|gif|tiff|bmp))|(^data:image\\/.*))(\\?([^#]*))?(#(.*))?") { html > body { background-color: #E8E8E8 !important; } html > body > img:only-child { background-color:#fff !important; box-shadow: none !important; margin: 0 !important; } } </nowiki></pre> ---- * resource://gre/res/TopLevelImageDocument.css

Modified by cor-el