2016-09-19 5 views
3

Iv'e создайте локальный веб-сайт (работает в локальной сети). Веб-сайт очень прост, он включает в себя ленту новостей и слайд-шоу изображений.Вложение альбома Google Photos в HTML

Слайд-шоу изображений было основано на виджетах Picasa, но несколько месяцев назад Picasa перестала работать, и все перемещено в Google Фото & Google Drive.

Iv'e искал в Интернете совместимый виджет, который будет корпоративным с Google Фото без везения.

Любые предложения?

Мои знания в HTML/CSS действительно ограничены, и я делаю это как побочный проект - просто хочу, чтобы он работал не более того.

ответ

2

Я написал этот виджет, чтобы вставить галерею фотографий Google на сайт. Вот сайт для генерации кода для веб-сайта. https://www.publicalbum.org/embedding-google-photos-albums. Это очень похоже на виджет picasa. Возможно, будет полезно решить ваш вопрос.

+0

Это хороший виджет, но ему не хватает функций, которые я ищу, таких как автоматическое случайное слайд-шоу. Может быть, вы можете добавить что-нибудь? –

+0

Спасибо. Да, я добавил некоторые функции, такие как ленивая загрузка изображений и слайд-шоу. Нажмите ** P ** для непрерывного воспроизведения или ** R ** для случайного показа слайдов. – pavex

+0

Могу ли я сделать это в реальном коде? Чтобы установить его для случайного воспроизведения по умолчанию? также автоматически начать воспроизведение по умолчанию? –

1

Если у вас есть какие-то файлы изображений, просто загрузите их в общую папку на Диске, скопируйте его папку ID из адресной строки (например, 0B0Gi4v5omoZUVXhCT2kta1l0ZG8) и вставьте его в форму на GDrives, затем выбрать свой собственный псевдоним (например, myimgs) и вуаля! Вы можете получить доступ к изображениям один за другим, используя

например. http://gdriv.es/myimgs/myimage.jpg.

Если вы хотите вставить целую папку на вашем сайте (в кадре), вы можете использовать один из следующих 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+ Photos для размещения своих изображений.

+1

Это способ вложения папки Google Диска на веб-сайт, но я ищу, чтобы вставлять содержимое папки в виде скользящего шоу. –

0

Я просто искал способ сделать это сам и обнаружил, что самый простой способ будет использовать Google Drive для хранения фотографий, а и затем встраивая их с HTML в соответствии с инструкциями здесь: https://confluence.biola.edu/display/itservices/How+to+Embed+Images+from+Google+Drive+in+a+Web+Page

It может понадобиться какой-то стиль или бесплатный исходный код, чтобы выглядеть как слайд-шоу (или, возможно, скопировать часть кода iframe с кнопки встраивания YouTube?)

+0

Вы можете извлечь изображение с страницы вручную, с помощью инспектора объектов, непосредственно из фотографий Google, или используйте некоторые инструменты, такие как https://www.publicalbum.org/blog/embedding-google-photos-image. Чтобы создать обычную галерею, это работа в тедии, но возможно, как это сделать. Вам нужны все URL-адреса изображений и вставка в какой-либо существующий компонент галереи. – pavex

+0

Спасибо за вклад @pavex - я фактически использовал сайт Wordpress в то время, поэтому «существующий компонент галереи» в этом случае был легко настроен. Надеюсь, что помогает другим. –

 Смежные вопросы

  • Нет связанных вопросов^_^