[Solved] HTML Image not showing

Question

Just started the HTML course. Image won't display. The default icon Sololearn offers works fine so it appears the code is ok. Have tried both Google Drive and Dropbox but no luck. Any suggestions?

<img src="https://www.dropbox.com/s/c96elexgm52m72t/Img.jpg?dl=0" alt="" />

Answer 1

With the link you get by default, Dropbox automatically wraps the content with some extra frame, which the IMG tag doesn't like.
There is a solution, based on this forum:
https://www.dropboxforum.com/t5/Create-upload-and-share/How-do-I-embed-images-with-a-direct-link-from-Dropbox/td-p/245432

replace the last part in the URL:
"?dl=0" to "?raw=1"

Result:
<img src="https://www.dropbox.com/s/c96elexgm52m72t/Img.jpg?raw=1" />

Answer 2

Tibor Santa
Thanks for looking that up Tibor, works perfectly. Now why didn't I try Googling that... 🤔

Answer 3

I experience the same problem.
with this link https://m.facebook.com/photo.php/?fbid=2434970163301598