Search code examples
htmlimagedropboxsrc

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.


Solution

  • 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.