Page doesn't show image from DropBox

Good Day,

I’m having trouble getting an image to show on my tribute page in codepen. The image is hosted on DropBox. The URL is:

src=“https://www.dropbox.com/s/o5hyycjoqfh1fo1/chocolate-coffee-550x275px%20rsz.jpg?dl=0” alt=“coffee and chocolate” style=“width: 550px; height: 275px;”

A placeholder border is showing with an image icon in the top left corner and the alt text but that’s it.

Not sure what I’m doing wrong. Please help.

Thanks,
Ennis

Try changing the dl=0 to dl=1 at the end.

Related:

1 Like

Thanks Kevcomedia. That worked. Is there any documentation you can point to that would explain the reasoning behind this small code change. I will, of course, start googling but thought I would as for directions too.

Thanks again.

To force a browser to download a file or folder rather than display it, you can use dl=1 as a query parameter in your URL. For example:

https://www.dropbox.com/s/a1b2c3d4ef5gh6/example.docx?dl=1

How to force a Dropbox link to download - Dropbox Help

@kevcomedia

Thanks very much. Wasn’t aware of the dl issue but I changed it and it worked nicely.

It’s almost 2 years since your post and today it helped me. I had the same problem and was very happy to find this post and then to see that it helped me to display my picture. I very much appreciate it. Thank you!