Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何嵌入从Google Drive获取图像的自更新相册_Javascript_Html_Css - Fatal编程技术网

Javascript 如何嵌入从Google Drive获取图像的自更新相册

Javascript 如何嵌入从Google Drive获取图像的自更新相册,javascript,html,css,Javascript,Html,Css,所以首先请原谅我在这件事上表现得很粗鲁。我正试图从HTML5模板为一家小型音乐公司建立一个网站,我与之合作是出于娱乐和教育的原因。我对Web开发的知识非常有限,但是我能够编辑模板,并且已经做了大量阅读,试图了解每件事情是如何工作的。我发现这样做比从头开始构建要容易得多,而从头开始可能需要几个月的时间才能完成。(并不是说我不想学习,但如果可以的话,我想尽快完成这项工作) 所以让我直接开始吧,我会尽量简短。这家公司是一家音乐推广公司。他们需要以下页面:关于、团队、内部音乐家bios、博客、联系方式和

所以首先请原谅我在这件事上表现得很粗鲁。我正试图从HTML5模板为一家小型音乐公司建立一个网站,我与之合作是出于娱乐和教育的原因。我对Web开发的知识非常有限,但是我能够编辑模板,并且已经做了大量阅读,试图了解每件事情是如何工作的。我发现这样做比从头开始构建要容易得多,而从头开始可能需要几个月的时间才能完成。(并不是说我不想学习,但如果可以的话,我想尽快完成这项工作)

所以让我直接开始吧,我会尽量简短。这家公司是一家音乐推广公司。他们需要以下页面:关于、团队、内部音乐家bios、博客、联系方式和活动。除了活动页面之外,我几乎已经弄明白了所有的事情(博客和音乐家目前需要在内容和CSS方面正确完成)

目前,它是一个静态相册,从Google驱动器文件夹而不是Web服务器(为了方便访问)逐链接提取图像。问题是每次事件过期或需要添加新事件时,我都必须手动更新索引文件并更改链接,这既耗时又不必要。我希望这个网站是相当自治的,这样我就不必每隔几天登录服务器,反复更改索引文件。我希望你明白我来自哪里

因此,我的想法是使用相同的驱动器文件夹,但是让站点自动拉取图像,适当地调整它们的大小(如果可能的话),并在页面上显示它们。我还没有找到一个简单的解决办法,而且由于我缺乏网络经验,我认为我自己写不出这个。我知道从服务器上提取的自更新相册是存在的,并且可以在线找到,但这些相册仍然需要FTP访问,这还不错,但可以改进

所以我认为过程如下

  • 通过驱动器API从共享驱动器文件夹获取图像
  • 获取单个图像链接
  • 将每个链接动态插入到数组/表中
  • 让单个行/列调整图像大小
以下是我目前正在使用的站点的外观:

这是他们目前的网站:

罪魁祸首是在每次从驱动器文件夹更新/删除图像时自动获取图像,而无需服务器访问。这让我想起了:


用户每次启动页面时,您不是只需要获取最新的图像吗?您不需要驱动API来推送图像-当用户来到页面时,让页面代码获取当时的图像URL(可能是JSON),并将其加载到HTML中。这听起来确实可行。我是否应该在这一点上开始浏览驱动程序API文档,看看是否可以找到一些可以实现这一点的方法?是的,这就是我的方法。一旦你从驱动API中获得了图像URL列表,就可以很简单地循环并将图像添加到网站的正确部分。我假设这一切都是通过Javascript和Jquery完成的,对吗?是的,没错。