10

I have an images slideshow that is based on a Picasa widget.

A few months ago Picasa stopped working and everything moved to Google Photos & Google Drive.

Iv'e searched the web for a compatible widget that will corporate with Google Photos without any luck.

I'm looking for such (simple) widget that works with Google Photos for showing my images as a slideshow.

Any suggestions?

Lior Magen
  • 1,301
  • 1
  • 14
  • 29

3 Answers3

15

I wrote this widget to embed google photos gallery into website. Here is a site to generate code for website. https://www.publicalbum.org/embedding-google-photos-albums. It is quite similar as picasa widget. Maybe it will be usefull to solve your prolem.

pavex
  • 319
  • 2
  • 7
  • It's a nice widget but it lacks the features that I look for, such as auto random slideshow. Is it something you can add maybe? – Lior Magen Feb 05 '18 at 07:31
  • Thanks. Yes, I added some features such as lazy image loading and slideshow. Press **P** to play continuously or **R** to random slide show. – pavex Feb 08 '18 at 07:31
  • Can I do it in the actual code? To set it for random play by default? also to automatically start playing by default? – Lior Magen Feb 08 '18 at 07:45
  • 3
    You can modify url in iframe to set auto play. Add param `?playRandom&delay=5` – pavex Feb 08 '18 at 09:52
  • Looks good. Any additional features? Can I, for example, set the background color to white or transparent maybe? Any other interesting features available? – Lior Magen Feb 11 '18 at 12:52
  • Not now, but I'm writing alternative code to embed gallery with many arguments to set individual options such as colors, previews, sharing and the others. I will write a notify here when it's ready. if you have the idea of a useful function, write here,Thanks. – pavex Feb 12 '18 at 17:32
  • Amazing, thank you a lot for this. – Lior Magen Feb 13 '18 at 07:11
  • @LiorMagen I added some new features to better config widget. You can set auto-slideshow, shuffle list, set background color and transparency, etc. – pavex Mar 06 '18 at 22:19
  • Sounds awesome, I really appreciate it and sure many will use it now. – Lior Magen Mar 07 '18 at 07:25
  • I would use this solution if it could display an actual grid-like gallery, rather than specifically a slideshow – Anonymous Mar 31 '18 at 16:10
  • 4
    I liked this solution as it served my purpose, however, while checking it on a second computer, I noticed that it inserts ads (only occasionally or in full screen), which is not stated anywhere in the answer and is a bit nefarious. – Taylor T. Johnson Apr 08 '18 at 15:33
  • @Taylor Have to say I've not seen this myself, but I suppose that doesn't mean it doesn't happen – Chuck Le Butt May 24 '18 at 14:49
  • Does this still work..? Can't get it working anymore – El Sampsa Aug 15 '18 at 19:04
  • @ElSampsa I have completely redesigned the service.You can try. – pavex Aug 16 '18 at 07:13
  • Hi @pavex, great service and nice embedded player! Thanks for that great work! Is your source code Open Source and somewhere on GitHub? I would like to integrate albums in my website and contribute to your service... – Markus Feb 05 '20 at 06:24
1

If you have some image files, just upload them to a public folder on your Google Drive, copy its folder ID from the address bar (e.g. 0B0Gi4v5omoZUVXhCT2kta1l0ZG8) and paste it into a form at GDrives, then choose your own alias (e.g. myimgs) and voila! You can access the images one by one using

e.g. http://gdriv.es/myimgs/myimage.jpg.

If you want to embed a whole folder on your website (in a frame), you can use one of the following URLs, replacing [folderID] with your own ID:

  1. gdriv.es/myimgs/

  2. docs.google.com/folder/d/[folderID]/preview?rm=minimal

  3. drive.google.com/folderview?id=[folderID]

If you prefer to get the file list in XML or JSON, you can use YQL.

Note: You can use Google+ Photos to host ans embed your images as well.

luv4code
  • 21
  • 3
  • 1
    This is the way for embedding Google Drive folder in a web site but I'm looking to embed the content of a folder as a sliding show – Lior Magen Sep 19 '16 at 11:54
1

I was just looking for a way to do this myself and found that the easiest way would be using Google Drive to store the photos instead and then embedding them with HTML as per the instructions here: https://confluence.biola.edu/display/itservices/How+to+Embed+Images+from+Google+Drive+in+a+Web+Page

It may need some styling or free source code to look like a slideshow (or copy part of the iframe code from YouTube's embed button perhaps?)

Ashwin Anandani
  • 286
  • 2
  • 4
  • 1
    You can extract image from page manualy, with object inspector, directly from google photos, or use some tools such as this https://www.publicalbum.org/blog/embedding-google-photos-image. To build custom gallery is a tedius work, but it is possible how to do it. You need all image urls and insert into some existing gallery component. – pavex Mar 06 '18 at 22:27
  • Thanks for the contribution @pavex - I was actually using a Wordpress site at the time so the "existing gallery component" in that case was easy to setup. Hope that helps others. – Ashwin Anandani Mar 07 '18 at 11:35