CODEWITHSUNDEEP
htmlgoogle-apps-scriptiframegoogle-drive-apiembed
LlamaButt
LlamaButt

Reputation: 471

Embed image from google drive without grey border and zooming tools?

I have a webpage that has an image that is stored in google drive, and using the google drive embed code results in this-the grey border and zooming tools

and I want to include this image in my website without the border and tools, making it look like this-enter image description here

Adding the image file to my project is not an option, as I am using google apps script as web domain as I am not old enough to have a credit card to purchase REAL web domain, and I am broke and cannot simply rake leaves or shovel driveways because of COVID. so I cannot add the image file to my project, any advice?

Upvotes: 0

Views: 984

Answers (2)

Rafa Guillermo
Rafa Guillermo

Reputation: 15377

Answer:

Instead of the embed code, use the view link.

Example:

<img src="https://drive.google.com/uc?export=view&id=FILE_ID_HERE">

Upvotes: 2

LlamaButt
LlamaButt

Reputation: 471

This solution is a little bit ironic. The tool that stack overflow uses for images can be used for anything else, so I just had to right-click on the image in this question, click on 'copy image URL' then put it in my website and I got a working image!

Upvotes: 1

Related Questions