среда, 31 августа 2016 г.
Хостинг галерей и документов сайта на Google
Приветствую!
Хочу поделится способом, позволяющим существенно сэкономить драгоценное место на хостинге.
Как известно, в альбомах Google+ (и Веб-альбомах Picasa) можно хранить неограниченно количество изображений, чьи размеры не превышают 2048 x 2048 пикселей (при загрузке через Google+ размеры уменьшат автоматически).
Соответственно, задача сводится к выводу галереи изображений, хранящихся на Google+, на страницах нашего сайта.
А делается это просто (подразумевается наличие jQuery):
Чуть подробнее:
Вот таким нехитрым способом мы получаем удобную для загрузки и редактирования галерею "в дизайне сайта", не занимающую место на нашем хостинге.
Принцип схож.
"При подсчете свободного места в хранилище учитываются только загруженные файлы (PDF, DOC, JPG и др.). Файлы в форматах Документов Google не занимают дисковое пространство."
И при этом мы свободно можем вставлять в документы уже загруженные изображения из альбомов Google+ :)
Для вывода же документов на нашем сайте есть два способа:
Надеюсьна инвайт, эти простые способы вам пригодятся.
Берегите свободное пространство! :)
Как известно, в альбомах Google+ (и Веб-альбомах Picasa) можно хранить неограниченно количество изображений, чьи размеры не превышают 2048 x 2048 пикселей (при загрузке через Google+ размеры уменьшат автоматически).
Соответственно, задача сводится к выводу галереи изображений, хранящихся на Google+, на страницах нашего сайта.
А делается это просто (подразумевается наличие jQuery):
<ul id="photo"></ul>
<script type="text/javascript">
$.ajax({
type: 'GET',
url: 'https://picasaweb.google.com/data/feed/base/user/USERNAME/albumid/ALBUMID?alt=json&thumbsize=' + 80,
success : function(data){
$.each(data.feed.entry, function(i,item){
$.each(item.media$group.media$content, function(i,item){ photoUrl = item.url; });
$.each(item.media$group.media$thumbnail, function(i,item){ photoThumb = item.url; });
photo = photoUrl.split('/')[7];
photoUrl = photoUrl.replace(photo, 's1200/' + photo);
photoTitle = item.media$group.media$title.$t;
if (photoTitle == photo) photoTitle = '';
$('#photo').append('<li><a href="' + photoUrl + '" title="' + photoTitle + '"><img src="' + photoThumb + ' alt="" /></a></li>');
});
},
dataType: 'json',
async: false
});
</script>
Чуть подробнее:
- В строке "url: 'https://picasaweb.google.com/data/feed/base/user/USERNAME/albumid/ALBUMID?alt=json&thumbsize=' + 80"
USERNAME — ваш Google-логин либо id
ALBUMID — id альбома (узнать просто: при просмотре в Google+ альбомы имеют адрес вида plus.google.com/u/0/photos/USERID/albums/ALBUMID)
80 — ширина изображения для предпросмотра - В строке "photoUrl = photoUrl.replace(photo, 's1200/' + photo);"
1200 — ширина "большого" изображения
Вот таким нехитрым способом мы получаем удобную для загрузки и редактирования галерею "в дизайне сайта", не занимающую место на нашем хостинге.
Что касается документов
Принцип схож.
"При подсчете свободного места в хранилище учитываются только загруженные файлы (PDF, DOC, JPG и др.). Файлы в форматах Документов Google не занимают дисковое пространство."
И при этом мы свободно можем вставлять в документы уже загруженные изображения из альбомов Google+ :)
Для вывода же документов на нашем сайте есть два способа:
- Публикация в Интернете
"Файл -> Опубликовать в Интернете..."
Получаем ссылку вида "docs.google.com/document/pub?id=ID" (для презентаций — "docs.google.com/spreadsheet/pub?output=html&key=ID").
По этим ссылкам документы будут выдаваться в виде страницы с их содержимым, без какого либо стороннего оформления за исключением скромного копирайта Документов Google внизу.
Таким образом, использую какой-нибудь Fancybox, мы получаем возможность показать содержимое документа через iframe прямо на странице нашего сайта. - Скачать файл
"Файл -> Совместный доступ… -> Общедоступно в Интернете: найти и просмотреть элемент может любой пользователь"
Теперь достаточно указать ссылку "docs.google.com/feeds/download/documents/Export?exportFormat=doc&id=ID" (для презентаций — "spreadsheets.google.com/feeds/download/spreadsheets/Export?exportFormat=xls&key=ID").
Для документов exportFormat может принимать значения doc, html, odt, pdf, png, rtf, txt, zip.
Для презентаций — xls, csv, pdf, ods, tsv, html.
Надеюсь
Берегите свободное пространство! :)
0 коммент.:
Отправить комментарий