!the screenshot shows that images are not displayed on browser even in firebug the path of the images are not loaded successfully[1the screenshot shows that images are not displayed on browser even in firebug the path of the images are not loaded successfully]I tried to display a list of images on browser.But the images are not loaded.When i checked through firebug,all images are loaded properly.but the images are not displayed on browser.I faced this problem on Firefox browser.when i did check in chrome and safari it didn't display anything .
Firefox doesn't display local images on remote resources due to security reasons.
Firebug doesn't have these restrictions. So that's why you see the preview of your image there.
Sebastian
Related
So I'm making a website and using Safari as the browser of choice. I decide to open the website in chrome but the font and images are broken. I tried the same thing on my phone, but there ONLY the image is broken.
Here's the website:
dikril.viliworld.eu/Archive
heres the image that has to show up in the top left corner but doesn't.:
https://dikril.viliworld.eu/Archive/images/Dikril-white-print.svg
Please delete your invalid manifest line in your html-file. Chrome is using it, safari not.
I have a simple website containing 3 HTML pages but sometimes internal links on IOS Safari doesn't work correctly. Rather than rendering the page, it displays the 'Open in "Drive" screen with options to save page as a document. When I refresh the page it renders correctly again. This usually when I navigate around the pages quickly and I am not sure why this odd behavior and how to fix.
See a screenshot here https://ibb.co/bXxzZTS
Not sure if it is related but the DNS is via CloudFlare (Free) and the pages are really fast (as it's just HTML, CSS and JS).
I have only seen happen on iPhone Safari. Other devices I have checked on include iPad, MacBook, PC running browsers Chrome or Safari are all OK.
Additionally, I tried using URL with and without full domain with the same result.
I just expect the page to render as an HTML page.
I created a cross platform app using jQuery Mobile. When I test it on various browsers it works fine and displays all images with no problems. When I build it with Phonegap Build, transfer to my Android phone and test I have problems with some images displaying.
I have several similar pages where I display a picture on each page. The problem is that pictures display on some pages but not on others. I have ruled out file type as an issue (I am using .jpg, .jpeg and .png and I have at least 1 of each of these working fine) and I have ruled out the code as the issue as I have used working images on pages that werent displaying the image before to prove that it was the image itself at fault (the image displayed fine when I used one that was working from another page). I have also ruled out picture size, dpi and dimensions.
Does anyone have any ideas?
On my WordPress site the icons that were rendered with fonts are no longer displaying the icon. Instead they are displayed as a little square.
I see this in 2 locations on my site. The sidebar that displays social icons. And the 3 lined menu icon when the browser window is sized down to the mobile layout.
On Mac OS X I see the error on Firefox 31, and Chrome 37. But it works correctly on Safari 7.
Here's the URL: www.ashton.me
Why is this happening?
What should I do to fix it?
If you take a look at the Network tab in Chrome Inspector (or similar in other browsers) you will notice that your icon fonts are not loading correctly. Missing glyphs are displayed as a square, so that is what you are seeing. And different browsers use different font files (or may have the correct file in cache) so that is probably why it does work in Safari.
I fixed it.
In WordPress Settings "WordPress Address (URL)" and "Site Address (URL)" both needed the www version of the URL and it cleared right up.
I'm building a webpage with a bunch of images that are all coming from Rackspace Cloudfiles on their Limelight CDN. Occasionally the page will finish loading, including the images, and Chrome/Webkit will fail to render some images at all.
Chrome doesn't render a "broken image" in their place, and if I check the Resources tab in the Inspector, they are listed and the data is all loaded up. The non-rendered images show the same info as the properly rendered ones.
This usually occurs when I go forward a page and then go back (via history). It persists if I reload the page, unless I do a hard refresh (⌘⇧R in Chrome), then they all show up like normal again.
I'm not loading the images in JavaScript or anything strange like that, nor do I have any CSS that hides the images. This only happens in Chrome, and it doesn't happen in Incognito mode from what I can tell.
Any ideas what's causing this? If it's a bug, how do I go about reporting it to the Chrome team?
Update
I checked the headers in the Network tab of the Inspector and it turns out that for the images that are rendered, Chrome is only showing it's header metadata, like this:
And for the images that don't render properly, the metadata is shown along with the full request and response headers with a 304 Not Modified status.
This is still happening. On multiple computers, on several websites. There's a thread about this happening over the Google support forums as well.
This might be a Chrome/Webkit bug:
http://code.google.com/p/chromium/issues/detail?id=20960
This was a Chrome bug that has since been resolved. It is not the bug linked to by thatmarvin.
I had the same problem with thumbs images using the latest chrome. Images were rendering time to time. I changed image style:
width: 150px; height: 100%;
to
width: 150px; height: auto;
And "height: auto" has fixed bug in Chrome.
Hope the founded solution will help in some cases.