cancel
Showing results for 
Search instead for 
Did you mean: 
Announcements
Top kudoed members this week! See now

Embed dropbox folder in the a webpage?

16,828 Views
28 Comments
22 Kudos
Highlighted
Level 1

Embed dropbox folder in the a webpage?

What are good ways to embed dropbox folder in the a webpage like a Google drive for example ?

<iframe src="https://drive.google.com/embeddedfolderview?id=1234567890#list" width="100%" height="800" frameborder="0"></iframe>

28 Replies
Level 1

Re: Embed dropbox folder in the a webpage?

I don't have an answer ... but I too would like to know which facilities are available for embedding Dropbox photos into a webpage (with iframe or otherwise). Thanks.

Dropboxer

Re: Embed dropbox folder in the a webpage?

The Dropbox Web site itself (www.dropbox.com) can't be iframed and we don't currently have an embeddable widget for showing the contents of a folder, but if you have links to any specific assets (e.g., shared links for images) you can iframe those or hotlink them normally using standard iframe or anchor HTML tags. (You may need to modify them as shown here first though: https://www.dropbox.com/help/201 )

Level 1

Re: Embed dropbox folder in the a webpage?

Thanks Greg K.
A widget to allow embedding of the contents of a photo folder would be very useful .... especially now that flickr/Yahoo doesn't support that feature.

Level 1

Re: Embed dropbox folder in the a webpage?

hmm... I did find something here using API http://stackoverflow.com/questions/9546153/list-all-the-folder-and-files-of-dropbox-using-dropbox-ap... but I'm just not sure how to implemented it to a simple webpage.

Level 1

Re: Embed dropbox folder in the a webpage?

Thank you Martin P.
I'm not sure either slightly smiling face
Anyway, what I'm looking for is a widget that will display clickable thumbnails of a publicly shared Dropbox photo folder.
Would be very useful.

Dropboxer

Re: Embed dropbox folder in the a webpage?

That post involves using the Dropbox Core API:

https://www.dropbox.com/developers/core

That certainly is powerful enough to build Dropbox functionality into a web site, but it's much more free form and would require more work to build exactly what you want, as opposed to a sort of embeddable widget like you requested.

Level 2

Re: Embed dropbox folder in the a webpage?

I have the exact same need: Maybe this will add some thoughts for brainstorming a solution. I use a WYSIWYG web developing tool with nice developing features:

Now that "Carousel" from Dropbox is available, I will be able to install the app on my PC and display images from my Dropbox on the pc.

What I as web site developer would want is to display that same images in the folder IN the website using an iframe.

Is this something Dropbox Carousel would be able to do, and how?

Dropboxer

Re: Embed dropbox folder in the a webpage?

Thanks for the feedback! We still don't have a pre-built sort of widget like this, but I've sent this along as a feature request.

Level 2

Re: Embed dropbox folder in the a webpage?

Is there a way I can create a Dynamic Photo Gallery, that will read a specific folder on the WebServer (Say e.g.PhotoGalleries).
One level down Folder_01 to Folder_20.
In each folder ONE file named thumbnail.jpeg

I must be able to create a Gallery, pointing to that folder.
The webpage will show all the thumbnail images there are. (One from each subfolder). When I click on the thumbnail the gallery will start to show like specified in the gallery code.

My photography client can then create the folder structure on his pc and run a FTP client to auto upload as scheduled, the new files in the folders to the webserver. Sophisticated FTP software will keep the two folders: PC and WEBSERVER in sync.

Any one out there that knows how to do this. My coding skills are not sufficient to do that, I can use WYSIWYG.

If some one is willing to help me do create a gallery to achieve this, we have a reasonable easy solution for : How to create a Photo Gallery from a DropBox folder and update gallery structure and images dynamically