I am getting the strange behavior of image to be broken and coming in green color. This issue is very rare but exist. I have verified the below information but i din't get any solution or reason of problem,
Open the image in new link, which opens successfully.
Clear cache and hit the URL again, Opens site successfully.
Refresh the screen by just hitting f5, keeps the issue on screen.
While login-in css is displaying with HTML and broken images.
All css are downloading with status 200 and coming from cache.
All images are coming from azure cdn.
Network trace
Broken Image
try opening the image url location directly and see if the image is corrupted. Maybe also try to re-upload the image see if that fixes it?
Related
Sometimes images are not loading properly in my website. Not completely. Lets say page includes 15 images. Two or three images not loading properly. Showing like this. When I refresh page, all images loading fine.
(Browser cache disabled)
The strange thing is this. If I inspect not loaded images using dev tools, get image url and paste it into new tab. Image is there!
I just want an idea why this is happening. Is this common issue? or bad host? long css file? or other issue?
This website contains more than 13,000 images stored in db.
something confusing.. I have a img-tag
<img src="http://example.com/images/1452630193_9305-normal.jpg" class="fqfqpowzxfpdkrchufzi">
But the image is not visible in the browser (FF 48.0.2).. the inspector says "could not load file".. but when I copy the path and paste it in the url of the browser, the image is definetly there.
also on my older version of FF, the image shows up correctly.
did I miss something important? why is the image not showing up?
Since all of the images are located in the "ad_min" directory, I think you have an adblocker that has picked up the "ad" in the URL and blocked the image from loading.
My chrome dev tools has said that the image has been blocked from loading by the client, which is why I am suspicious.
I disabled my adblock, and surely enough, the images did load like they were meant to
So I've uploaded my html, css and js files via Pydio. But the site seems to get messed up. Can anyone tell me what happened to it and how to fix it?
Some of the google font I used shows up but some didn't. Also, the bootstrap grid doesn't show up like its supposed to be. The site also didn't scale according to screen size.
When I preview the website in Brackets, it looks perfectly fine.
Please help.
mean-design.com
I think that you forgot to upload some files.
Here is the list :
( click on the image to zoom in )
Sounds to me that you did not upload everything or there are some absolute paths in your code. If you copy everything you uploaded to another local machine, does it work then?
You can actually see which files are missing if you open the online version of your page in your webbrowser and have a look at the developer console (press F12 in Chrome, Ctrl+Shift+I in Firefox). In the console all missing files are stated in the logged errors.
Thanks to Relisora we even have a screenshot of the error console:
Check if you uploaded all files and if so, check their path and link tags.
So this is a weird problem, I am attempting to embed a video stream from a D-Link DCS-930L into a web page. My embed looks like this:
<img alt="" src="http://guest:password#192.0.0.10/video.cgi">
The problem is that Chrome displays a broken link image when I load the page, while Firefox and IE load it perfectly the first time.
But the really strange part is that if I right click on the broken image > Open link in new tab the stream loads, and then if I close the tab and refresh the page with the embed it loads there too! So it's definitely something to do with the username/password requirement.
I have also tried creating a user without a password but I see the same issue. There is no setting to disable this requirement in the 930L's control panel that I can find.
Does anyone know how to fix this? If not, is there a way to use PHP to execute a login automatically for the above kind of URLs?
This appears to be intentional behavior on Chrome's part since v19. Bummer.
I have a issue of displaying .png images on web my web page. Other image types excluding .png just work fine. The issue is .png. The web site is located in a sub domain. In the root, a wordpress site is running.
In firebug, I can see a 403 error. But I can assure that I have set 0777 permissions for all images. It couldn't be a permission issue.
Rarely, .pngs are loading. But the second request gives a broken image. I have applied different cache removal techniques including <FilesMatch> directive in .htaccess, appending version attributes to image link, using # ...etc. But nothing works.
The most complicated point is that when copy & paste the image link in browser it shows the .png. However not within a web page.
Can anybody help me resolve this?
Thanks in advance.
Even I tried executing it in a browser. But the .png image doesn't showup for me.
Try changing the image folder permission to 755 or 644.