將Google照片相冊嵌入HTML

如果創建本地網站（在本地網絡上運行）。該網站非常簡單，它包括新聞提要和圖像幻燈片。將Google照片相冊嵌入HTML

圖片幻燈片基於Picasa小部件，但幾個月前Picasa停止工作，所有內容都轉移到Google相冊& Google Drive。

Iv'e在網絡上搜索了一個兼容的小部件，該小部件沒有任何運氣就可以與Google Photos合作。

有什麼建議嗎？

我在HTML/CSS中的知識非常有限，我只是作爲一個側面項目來做這件事 - 只是希望它不僅僅是工作而已。

2016-09-19 Lior Magen

我寫了這個小工具嵌入谷歌照片廊進入網站。這是一個爲網站生成代碼的網站。 https://www.publicalbum.org/embedding-google-photos-albums。與picasa小部件非常相似。也許這將是有用的解決你的問題。

來源

2018-02-04 18:51:40 pavex

這是一個不錯的小部件，但它缺乏我期待的功能，例如自動隨機幻燈片。是否可以添加？ –

謝謝。是的，我添加了一些功能，如懶惰的圖像加載和幻燈片。按** P **連續播放或** R **隨機幻燈播放。 – pavex

我可以在實際的代碼中做到嗎？將其設置爲默認隨機播放？也默認自動開始播放？ –

如果你有一些圖像文件，只需將它們上傳到您的谷歌雲端硬盤中的公用文件夾，從地址欄（如0B0Gi4v5omoZUVXhCT2kta1l0ZG8）複製的文件夾ID，並將其粘貼到形式的GDrives，然後選擇你自己的別名（如myimgs）和瞧！您可以使用

例如http://gdriv.es/myimgs/myimage.jpg。

如果要嵌入您網站上的整個文件夾（在框架中），您可以使用以下URL之一，用自己的ID替換[folderID]：

gdriv.es/myimgs/

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

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

如果您更喜歡獲得XML或JSON文件列表，你可以用YQL。

注意：您也可以使用Google+照片主持並嵌入圖片。

來源

2016-09-19 09:00:20 luv4code

這是將Google雲端硬盤文件夾嵌入到網站中的方式，但我希望將文件夾的內容嵌入爲滑動顯示 –

我只是在尋找一種方式來做到這一點我自己，發現最簡單的方法將使用谷歌驅動器來存儲照片，而不是，然後用HTML中嵌入他們按照這些指令： https://confluence.biola.edu/display/itservices/How+to+Embed+Images+from+Google+Drive+in+a+Web+Page

它可能需要一些造型或免費的源代碼看起來像幻燈片（或從YouTube的嵌入按鈕複製iframe代碼的一部分吧？）

來源

2017-12-06 13:25:49

您可以從頁面提取圖像manualy，使用對象檢查器直接從谷歌照片中提取圖像，或者使用一些工具，如https://www.publicalbum.org/blog/embedding-google-photos-image。建立自定義畫廊是一件十分困難的工作，但如何做到這一點是可能的。您需要所有圖片網址並插入某個現有圖庫組件。 – pavex

感謝@pavex的貢獻 - 當時我實際上使用的是Wordpress網站，因此在這種情況下，「現有的圖庫組件」很容易設置。希望能幫助別人。 –

將Google照片相冊嵌入HTML

回答

相關問題