I want to show some images from another websites in my website. This is the code:
<img src="https://www.alaedin.travel/Files/Original/Hotels/mashhad/aban/Alaedin-Travel-Agency-Mashhad-Aban-Hotel-Facade-1.jpg">
Images arent shown in Chrome. But I can see them in FireFox.
whats the problem?
The issue is with chrome being stuck in redirection as you can see in the logs:
I am not sure why is that behavior. I suggest that you store these pictures in a static folder as a temporary solution if you can, or try using fetch requests while enabling CORS.
Related
I recently added some text effects to my website in HTML and CSS. It runs perfectly on VS Code live sever but whenever I upload the code files on to my cpanel, the effects just seem to go away when I actually click and go on my website and I am not sure why. Does anyone know a fix for this? Here is my website julianwsanchez.com
And this how it is supposed to look:
How It Looks When I open it:
The output I'm seeing on your site matches the output of the code snippet here, effects and all.
Check to see if you have some browser extension that affects the way a site might look (e.g. a dark mode extension). Also, try going to your site in a different browser and/or in Incognito mode.
it Works for me just fine, both the link given, and the files running on localhost
You might need to do a hard reload.
try Ctrl-Shift-R on chrome when viewing the page.
This clears the browsers cache for that webpage,
alternative: open the web page in another browser.
As of October 1, images that are hosted on our server, will NOT display in Chrome for any users when the image is trying to display in html. It works fine in all other browsers. If I paste the exact URL of the image file in the browser, the image works.
example:
This image displays fine here if I paste into my browser:
http://example.com/email/2020/09/file.jpg
But, when the image is included in an html page, the image does not display. i.e. in a webpage, the images show up as missing.
I've discovered that images from other servers work just fine. Why would one server work and another not. I'm trying to get an answer to our I.T. department to let them know if they need to update something on our servers to fix this issue, or if this is a Chrome issue that Google needs to fix?
Any ideas?
Thanks for your help.
I manage a website for a school magazine and I have been doing some work on it, however I have noticed that suddenly some of the images are not loading and giving error 404 messages when just a day ago it was working fine. I thought it might just be my web browser (chrome) and so I tried changing the browser and used edge and while some of the pictures loaded when they did not before some other ones now did not load.
The website is hosted on AWS using elastic beanstalk and S3. Here is a link to the website: Ink Magazine
Here are some pictures of the problems I am getting:
Ink Featured Missing Image
Any insight into why this is happening would be greatly appriciated, I have checked and the images are still on the S3 server and can be downloaded and opened fine, plus the same images still work when the article is opened.
Thanks
Your image URLs look weird to me. For example this:
http://inkstudents.co.uk/image/pictureThumbnail-photos-from-the-royal-visit.png/true/x2016-06-19T20,3A13,3A49Z.pagespeed.ic.EdDYAbdtI_.webp
If I remove everything after the .png then the image loads, like this:
http://inkstudents.co.uk/image/pictureThumbnail-photos-from-the-royal-visit.png
It looks like you may have tried adding Google PageSpeed to your site, but it isn't configured properly?
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.