web-dev-qa-db-ja.com

GoogleフォトアルバムをHTMLに埋め込む

Iv'eは、ローカルWebサイトを作成します（ローカルネットワークで実行します）。 Webサイトは本当にシンプルで、ニュースフィードと画像のスライドショーが含まれています。

画像スライドショーはPicasaウィジェットに基づいていましたが、数か月前にPicasaが機能しなくなり、すべてがGoogleフォトとGoogleドライブに移動しました。

Iv'eはウェブを検索して、Googleフォトと運が合わない互換性のあるウィジェットを探しました。

助言がありますか？

HTML/CSSでの私の知識は本当に限られており、私はこれを単なるサイドプロジェクトとしてやっています。

htmlgoogle-photos
9
Lior Magen

GoogleフォトギャラリーをWebサイトに埋め込むためにこのウィジェットを作成しました。以下は、Webサイトのコードを生成するサイトです。 https://www.publicalbum.org/embedding-google-photos-albums 。 picasaウィジェットと非常によく似ています。たぶんあなたの問題を解決するのに役立つでしょう。

15
pavex

画像ファイルがある場合は、それらをGoogleドライブのパブリックフォルダーにアップロードし、そのフォルダーIDをアドレスバー（例：0B0Gi4v5omoZUVXhCT2kta1l0ZG8）からコピーして、 GDrives のフォームに貼り付けます。独自のエイリアス（myimgsなど）と出来上がり！を使用して画像に1つずつアクセスできます

例えば http://gdriv.es/myimgs/myimage.jpg 。

Webサイトにフォルダー全体を（フレーム内に）埋め込みたい場合は、次のURLのいずれかを使用して、[folderID]を独自のIDに置き換えます。

  1. gdriv.es/myimgs/

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

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

XMLまたはJSONのファイルリストを取得する場合は、YQLを使用できます。

注：Google+フォトを使用して、画像をホストおよび埋め込みすることもできます。

1
luv4code

私は自分でこれを行う方法を探していましたが、最も簡単な方法は、代わりにGoogleドライブを使用して写真を保存し、ここの指示に従ってHTMLで埋め込むことであることがわかりました： https：//confluence.biola .edu/display/itservices/How + to + Embed + Images + from + Google + Drive + in + a + Web + Page

スライドショーのように見えるようにするために、スタイリングまたは無料のソースコードが必要になる場合があります（または、YouTubeの埋め込みボタンからiframeコードの一部をコピーしますか？）

1
Ashwin Anandani