wake-up-neo.net

Einbetten des Google Photos-Albums in HTML

Ich erstelle eine lokale Website (läuft in einem lokalen Netzwerk). Die Website ist sehr einfach, sie enthält einen News-Feed und eine Diashow mit Bildern. 

Die Diashow für Bilder basiert auf einem Picasa-Widget. Vor einigen Monaten funktionierte Picasa jedoch nicht mehr und alles wurde auf Google Photos & Google Drive verschoben.

Iv'e suchte im Internet nach einem kompatiblen Widget, das ohne Erfolg mit Google Photos zusammenarbeitet. 

Irgendwelche Vorschläge? 

Meine Kenntnisse in HTML/CSS sind wirklich begrenzt und ich mache das nur als Nebenprojekt - ich möchte nur, dass es nichts anderes als das macht.

7
Lior Magen

Ich habe dieses Widget geschrieben, um die Google-Fotogalerie in die Website einzubetten. Hier ist eine Website zum Generieren von Code für die Website . https://www.publicalbum.org/embedding-google-photos-albums . Sie ähnelt dem Picasa-Widget. Vielleicht wird es nützlich sein, Ihr Problem zu lösen.

12
pavex

Wenn Sie einige Bilddateien haben, laden Sie sie einfach in einen öffentlichen Ordner auf Ihrem Google Drive hoch, kopieren Sie ihre Ordner-ID aus der Adressleiste (z. B. 0B0Gi4v5omoZUVXhCT2kta1l0ZG8) und fügen Sie sie in ein Formular unter GDrives ein. zB myimgs) und voila! Sie können die Bilder einzeln mit aufrufen 

z.B. http://gdriv.es/myimgs/myimage.jpg .

Wenn Sie einen ganzen Ordner in Ihre Website einbetten möchten (in einem Frame), können Sie eine der folgenden URLs verwenden und [folderID] durch Ihre eigene ID ersetzen:

  1. gdriv.es/myimgs/

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

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

Wenn Sie die Dateiliste lieber in XML oder JSON erhalten möchten, können Sie YQL verwenden.

Hinweis: Sie können auch Google+ Fotos als Host verwenden und Ihre Bilder einbetten.

1
luv4code

Ich habe gerade nach einer Möglichkeit gesucht, dies selbst zu tun, und stellte fest, dass der einfachste Weg darin besteht, die Fotos stattdessen mit Google Drive zu speichern und sie dann gemäß den Anweisungen hier mit HTML einzubetten: https: // confluence. biola.edu/display/itservices/How+to+Embed+Images+from+Google+Drive+in+a+Web+Page

Möglicherweise benötigen Sie etwas Styling oder freien Quellcode, um wie eine Diaschau auszusehen (oder einen Teil des Iframe-Codes vom YouTube-Schaltfläche zum Einbetten kopieren?).

0
Ashwin Anandani