Follow

Using Dropbox images on JuxtaposeJS

It is possible to use images hosted on Dropbox.com with JuxtaposeJS. 

The most common problem is that people try to use a URL for a web page which contains an image, rather than a URL which points directly to an image. For example, this URL is for a web page: https://www.dropbox.com/s/llahmtejgebc5h5/boombox.jpg?dl=0 -- note the filename and Dropbox controls above the image.

This is the version of that URL which is appropriate for use in Juxtapose: https://dl.dropboxusercontent.com/s/llahmtejgebc5h5/boombox.jpg

The basic solution is simple: change www.dropbox.com to dl.dropboxusercontent.com in the URL. It doesn't hurt to try the changed URL in a new browser tab to make sure you got it right -- if you did, the image should show up without the controls and other content.

 

 

Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request

2 Comments

Date Votes
  • 0
    Avatar
    Stefan Noordman

    Hello, i have no dropbox. is it possible to upload it on a different way? 

     

    Greet Stefan

  • 0
    Avatar
    Rebecca Goldsworthy

    Hi Knight Lab,

    I'm still having difficulties embedding images contained in my Dropbox. I followed the above instructions but it still returned a blank screen. My Dropbox account is one provided by my institution (University of Sydney), so I don't know if that has anything to do with it. The message I get when I copy the url to a new browser window is "Error (403) You don't seem to belong here! You should probably sign in. Check out our Help Center and forums for help, or head back to home." Any advice would be great - it's a super cool tool and I've been able to get it to work with urls from Google images. I really want to promote this to my colleagues but I need to ensure that they can use it easily first.

    UPDATE AS I TYPE! I managed to make it work! I needed to change the share settings on the image to allow anyone with the link to view it. This might be good information for your users :)

Please sign in to leave a comment.
Powered by Zendesk