Samuel Mathews Samuel Mathews - 1 month ago 5
HTML Question

Image not being retrieved from Dropbox

Hi!
I have an image slider. When I try toe retrieve the images from my server, the images are properly displayed. (http://stthomasmountmtc.org/index.html)

However, when I try to retrieve the same images from Dropbox, the images are not displayed/retrieved. (http://stthomasmountmtc.org/index1.html)

<img src="https://www.dropbox.com/s/woart55urbw792u/image1.jpg" alt="image" />


When I open the link in the
src
attribute in the browser, the images can be seen, so the link is obviously not broken. Please share your suggestions.

Thanks,
Samuel Mathews.

Answer

The link in your code opens the gallery feature of Dropbox, which is a HTML webpage, not an image file. The direct link for that image is:

https://dl.dropboxusercontent.com/s/woart55urbw792u/image1.jpg

You should always set the source of an image tag in HTML to an URL which outputs an image - and not a webpage containing an image.