Solved

modify firefox to show broken images

Posted on 2014-12-16
14
197 Views
Last Modified: 2014-12-19
Is there a preference I can change for firefox to display broken images?  I found a code I can add to my css online (haven't checked it yet). But I would prefer to simply change firefox rather than having to remember to set this in my css.

/* Force Firefox to show image placeholders
----------------------------------------------------------*/
@-moz-document url-prefix(http), url-prefix(file) {
  img:-moz-broken {
    -moz-force-broken-image-icon: 1;
    width: 100px;
    height: 75px;
  }
}
0
Comment
Question by:nsitedesigns
  • 7
  • 4
  • 3
14 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40503075
In the address bar enter
    about:config

and click ok to the warnings

In the search bar enter
    browser.display.show_image_placeholders

and double click the resulting found entry so it shows true
0
 

Author Comment

by:nsitedesigns
ID: 40503092
Cool - I will give this a shot.

Is there also an easy way to view code?
0
 

Author Comment

by:nsitedesigns
ID: 40503097
hmmm, I did what you asked and closed ff.  it still does not display broken images.
0
 
LVL 58

Assisted Solution

by:Gary
Gary earned 500 total points
ID: 40503109
Will double check in case this has changed.

Right click the page and click View Source
0
 
LVL 58

Expert Comment

by:Gary
ID: 40503112
Yep it still works, should see the broken image icon.
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 40503342
Under 'about:config', I find this in Firefox 34:  browser.display.show_image_placeholders  But it is already set to true on this computer and on my Mac.  But apparently all that does is put up the name of the missing image.
0
 
LVL 58

Expert Comment

by:Gary
ID: 40503373
put up the name of the missing image
Yeah if it has alt text set, which is normal for any browser, if no alt text then it shows the broken image icon instead of nothing.
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 

Author Comment

by:nsitedesigns
ID: 40507659
still can't get to work.  very busy with deadlines.  will look at in the next couple days.
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 40507895
I don't believe at this point that Firefox will display an outline of the image.  It appears it just displays the 'alt text' if the image isn't available.
0
 
LVL 58

Expert Comment

by:Gary
ID: 40507927
still can't get to work
It does work, have a sample page where it's not working?
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 40508078
I think she's expecting the rectangle in the size of the image that IE8, Chrome, and Safari put up.  Firefox doesn't appear to do that.
0
 
LVL 58

Expert Comment

by:Gary
ID: 40508089
No, it just shows the broken image icon.
0
 

Author Comment

by:nsitedesigns
ID: 40509361
Shazam - now it is working!  Must have been a cache issue.

Thanks fellas!
0
 
LVL 58

Expert Comment

by:Gary
ID: 40509386
Shouldn't haven't anything to do with cache, as soon as you change it it should be implemented immediately, even on sites already opened.
But at least it is working now.
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn how to dynamically set the form action using jQuery.

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now