Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!
  • Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.


    To learn more about how to use our BBCode feature, please click here.

    Thank you, Code Forum.

Firefox fails to display image

profSteve

New Coder
I wrote a very simple HTML file: it displays two lines of text, then an image, and then a third line of text. If I upload it to a web site and then open it from my Windows 10 desktop with Chrome or Edge, it behaves as desired (that is, it shows text and image). But Firefox in Windows and Chrome-on-a-Mac, don't show the image. Firefox shows a tiny square on which a right-click gives me an opportunity to show the image on a new tab.
I willl be grateful to anyone who can tell me how to make this work correctly on all browsers.
You are welcome to demonstrate the problem yourself by going to temp16.epizy.com with various browsers. [The HTML and jpg image are on a free hosting service called InfinityFree]
Thanks for any advice you can offer.
Steve
Here's the code:
HTML:
<!DOCTYPE html>
<html>
<head>
    <title>picture</title>

</head>
 <body>
                <br> Steve's picture of B6_S10 <br>
            <br>    text above picture   <br><br>
    
  <img src="http://www.temp9.epizy.com/Mreen/B6_S10_10142019.jpg" alt="   Failed to display Steve's image" style="width:204px;height:242px;">
        <br><br>  text below picture <br>

 </body>
</html>
 
I wrote a very simple HTML file: it displays two lines of text, then an image, and then a third line of text. If I upload it to a web site and then open it from my Windows 10 desktop with Chrome or Edge, it behaves as desired (that is, it shows text and image). But Firefox in Windows and Chrome-on-a-Mac, don't show the image. Firefox shows a tiny square on which a right-click gives me an opportunity to show the image on a new tab.
I willl be grateful to anyone who can tell me how to make this work correctly on all browsers.
You are welcome to demonstrate the problem yourself by going to temp16.epizy.com with various browsers. [The HTML and jpg image are on a free hosting service called InfinityFree]
Thanks for any advice you can offer.
Steve
Here's the code:
HTML:
<!DOCTYPE html>
<html>
<head>
    <title>picture</title>

</head>
 <body>
                <br> Steve's picture of B6_S10 <br>
            <br>    text above picture   <br><br>
   
  <img src="http://www.temp9.epizy.com/Mreen/B6_S10_10142019.jpg" alt="   Failed to display Steve's image" style="width:204px;height:242px;">
        <br><br>  text below picture <br>

 </body>
</html>
Hi there,
My first question: is that image link going anywhere?
 
Firefox has a known bug with images. I too have this problem and have researched. I've not found any suitable work around for myself.I usually refresh the page or hover over a link and the image shows.
 
This is really weird. I see the problem straight away in Firefox, whereas on Chrome it just works. No amount of refreshing helps. It seems to be a known problem, but I tried all suggestions I could find (including those from Mozilla) and none helps.
Strangely though, if I copy your html and image to my own webserver directory, and change the <img> link accordingly, it does work in Firefox !
Now I notice that your HTML is on temp16.epizy.com but your image is on www.temp9.epizy.com. I did not see an y CORS or similar errors, yet I think this might be the cause of the trouble. Can you try using the same domain names like I did ?
 
Hi cbreemer, Thanks for taking time to help me. O.K., I changed my img tag to reference the jpg which I copied from temp9.epizy.com/Mreen to temp16.epizy.com/Mreen. Guess what? Now Firefox gets it right and both Chrome and Edge fail to load the picture ! I'm baffled.
 
CORRECTION: In my previous post I said " both Chrome and Edge fail to load the picture." Just now I cleared the cache in both Chrome and Edge and then both do load the picture. Conclusion: all three browsers correctly show picture and text, but Firefox does so only if the jpg image is on the same domain as my HTML file. [note: same results if the picture is a png file] O.K, but I'm not happy with this: I would very much like the flexibility of being able to put the photos for this project wherever I choose.
 
Yes, that's annoying. Things should work the same on all browsers. And if you want to do it real proper, you still have Opera, Safari and Brave to worry about... You may want to consult a Firefox user forum, perhaps there's a way around it, or some setting.
 
Last edited by a moderator:

New Threads

Latest posts

Buy us a coffee!

Back
Top Bottom