I have save four pictures in JPG format and I wanted to link them in HTML page using the tag . In order to that those images have to be hosted somewhere in the internet so I decided to host them in my Google Drive and put here src=" link to the Google Drive".
But this solution is not working. Any idea why or other solution for this?
Can we have a space in CodePen to put there are images, sound etc.
I would like to put those image links to put there the screen shot of finished projects .
On that project page you can see that the first image is broken, that is the link to my Google Drive. The rest are links to the picture that somebody is hosting that image on the internet.
It appears your app is being blocked from accessing the image by the browser. There is a message in the browser console.
Cross-Origin Read Blocking (CORB) blocked cross-origin response https://drive.google.com/file/d/1FMHcnELLP2sXqRPhNw11wcOgvELF--ll/view?usp=sharing with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.
Yes codepen has a feature for hosting static assets. You can check in the asset hosting doc. Though it is strictly for those with PRO accounts.
You can read more about this CORB feature in chrome from here.
I have seen people hosting their images in a GitHub repository. Perhaps you can try that as well.