Hello everyone, I’m doing the last project Build a Personal Portfolio Webpage for the (New) Responsive Web Design Certification and I want to use a local image from my PC. I should use the sintaxis below, but since I’m working on the freecodecamp editor, I don’t know how to do that, or even if it is possible.
The “picture.jpg” file is located in the images folder in the current folder
thanks in advance
You have to use images that are available somewhere online
ok, I was afraid so ,
If you use Google Photos, you can upload a photo you want to use in your portfolio.
Once uploaded, you would click on the photo to view it. Next, you would right-mouse click on the image shown and select
Copy image address and paste the url as the value of the
src attribute for an
<img src="https://lh3.google.com/pw/some-very-long-alpha-numeric-string" />
Thanks I tried to use google drive but I could not get the image url, so I created a netlify account, and then upload an index.html file that I created with just the image inside it. then I proceed like you tell me for the second step.
thanks for your solution, now I know I can use google photo instead.
You can use Google Drive to, but the steps are greater and a bit more involved.
yeah a lot more complicated
FYI - It is not as complicated as I thought to use a Google Drive image.
Locate Google Drive image
Right-click image and select
General access select
Anyone with the link
Copy link button
The copied link will look something like:
Starting with a new url string that looks like:
you will concatenate the
long-alpha-numeric-id to the url in the above step like:
Next, concatenate the part of the original url that starts with
&resourcekey= and ends with the
alpha-numeric-resource-key to the url corrected in the above like:
I will check this later for knowledge, but I’ll be using the google photo solution, I thinks is easier and faster.