将Google相册嵌入HTML

时间:2016-09-19 08:53:02

标签: html google-photos

我创建了一个本地网站(在本地网络上运行)。该网站非常简单,它包括新闻源和图像幻灯片。

图片幻灯片显示基于Picasa小部件,但几个月前Picasa停止工作,所有内容都转移到Google相册& Google云端硬盘。

我在网上搜索了一个兼容的小部件,该小部件将与Google照片合作,没有任何运气。

有什么建议吗?

我对HTML / CSS的了解非常有限,而且我这样做只是作为一个辅助项目 - 只是希望它只能用于工作。

3 个答案:

答案 0 :(得分:14)

我写了这个小部件,将谷歌照片库嵌入网站。这是一个为网站生成代码的网站。 https://www.publicalbum.org/embedding-google-photos-albums。 它与picasa小部件非常相似。也许解决你的问题会很有用。

答案 1 :(得分:1)

如果您有一些图片文件,只需将它们上传到Google云端硬盘上的公共文件夹,从地址栏中复制其文件夹ID(例如0B0Gi4v5omoZUVXhCT2kta1l0ZG8)并将其粘贴到GDrives的表单中,然后选择您的自己的别名(例如myimgs)和瞧!您可以使用

逐个访问图像
  

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

如果您想在网站上嵌入整个文件夹(在框架中),您可以使用以下网址之一,将[folderID]替换为您自己的ID:

  
      
  1. gdriv.es/myimgs /

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

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

  6.   

如果您希望以XML或JSON格式获取文件列表,则可以使用YQL。

注意:您也可以使用Google+照片来托管和嵌入图片。

答案 2 :(得分:1)

我一直在寻找一种方法来做到这一点,并发现最简单的方法是使用Google Drive来存储照片,然后按照以下说明使用HTML嵌入它们: https://confluence.biola.edu/display/itservices/How+to+Embed+Images+from+Google+Drive+in+a+Web+Page

可能需要一些样式或免费源代码看起来像幻灯片(或者从YouTube的嵌入按钮复制iframe代码的一部分?)