Personal Portfolio Linking image files

Hello everybody,

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 .

Here is the project link : https://codepen.io/Junier/pen/vYmbmmX

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.

Thank you in advance!

Cheers

Junier

Hi @Junier

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.

1 Like

Thanks MJ,

I will check how to do that on GitHub

Cheers

Junier

Hi Nibble

Thank you I did it!

Cheers!

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.