Добавление фотогалереи в сообщение

Вопросы по организации сайта и форума

Добавление фотогалереи в сообщение

UNREAD_POST webmaster 12 июл 2009, 17:12

И такая возможность имеется. Точнее несколько- слайдшоу с различными эффектами.

1.Открывающаяся ссылка на галерею фотографий, предварительно выложенных на http://www.slide.com/


| +
Собственно регистрируемся http://www.slide.com/arrange, заливаем на сайт фотографии.
Далее открываем свою галерею и смотрим слева надписи в столбик.. нас интересует
Код: выделить все
Embed

Нажимаем на неё и получаем код, который копируем в буфер обмена. Вмоём случае он имеет вид
Код: выделить все
<div><embed src="http://widget-6e.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars=[b]"cy=lt&il=1&channel=2522015791331944302&site=widget-6e.slide.com"[/b] style="width:426px;height:320px" name="flashticker" align="middle"></embed><div style="width:426px;text-align:left;"><a href="http://www.slide.com/pivot?cy=lt&at=un&id=2522015791331944302&map=1" target="_blank"><img src="http://widget-6e.slide.com/p1/2522015791331944302/lt_t016_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=lt&at=un&id=2522015791331944302&map=2" target="_blank"><img src="http://widget-6e.slide.com/p2/2522015791331944302/lt_t016_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=lt&at=un&id=2522015791331944302&map=F" target="_blank"><img src="http://widget-6e.slide.com/p4/2522015791331944302/lt_t016_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" /></a></div></div>

Копируем из него выделенный кусок
Код: выделить все
cy=lt&il=1&channel=2522015791331944302&site=widget-6e.slide.com

и вставляем в тег
Код: выделить все
[slideshow][/slideshow]
что бы получилось
Код: выделить все
[slideshow]cy=lt&il=1&channel=2522015791331944302&site=widget-6e.slide.com[/slideshow]
усё...

Что мне не нравится в этой галерее- при нажатии на фотки открывается сам сайт, где данная галерея расположена. А так , само окошко, расположенное в теле сообщения, выглядит неплохо.

2. Галерея фотографий, "залитых" на http://www.slideshare.net


| +
Регистрируемся на http://www.slideshare.net/signup
Заливаем туда фотографии. Когда фотоальбом готов, открываем его страничку (к примеру http://www.slideshare.net/melcioiu/lake-and-mountain). Нажимаем справа внизу на надпись
Код: выделить все
# more share options
и в открывшемся окошке, под участком с кучей кнопочек, ищем надпись
Код: выделить все
Embed
Справа от неё в строке записан код, который копируем в буфер обмена.
У меня это
Код: выделить все
<div style="width:425px;text-align:left" id="__ss_1690007"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/melcioiu/lake-and-mountain" title="Lake And Mountain">Lake And Mountain</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=lakeandmountain-090707023628-phpapp01&stripped_title=lake-and-mountain" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=lakeandmountain-090707023628-phpapp01&stripped_title=lake-and-mountain" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/melcioiu">Melcioiu Flori</a>.</div></div>
Из всего кода выбираем выделенный кусочек после записи
Код: выделить все
doc=
(в нашем случае)
Код: выделить все
lakeandmountain-090707023628-phpapp01&stripped_title=lake-and-mountain
и вставляем его в тег
Код: выделить все
[Slideshare][/Slideshare]
что бы получилось следующее
Код: выделить все
[Slideshare]lakeandmountain-090707023628-phpapp01&stripped_title=lake-and-mountain[/Slideshare]
По идее всё.

3. Фотографии, выложенные на вебсервисе Picasa от Google, также могут быть представлены в качестве слайдшоу.

| +
Регистрируемся в системе Google (кто зареген, уже ненадо-просто зайти под своей учеткой и залить на сайт нужные фотографии. Для тех, кто не зареген- советую всё равно завести себе почту на Гуугле, потому как она сейсас одна из самых лучших и надёжных...
Итак. У вас создан акк и фотографии залиты. К примеру, мы находимся на страничке
Код: выделить все
http://picasaweb.google.com/Zhuravleva.Ekaterina/ChinaChangCheng#
посвящённой Великой Китайской стене. Справа от фотографий ищем кнопку с логотипом
Код: выделить все
RSS
Кликаем правой кнопкой на изображение этой кнопки и выбираем в выпадающем меню
Код: выделить все
Копировать ссылку
Для рассматриваемой странички это
Код: выделить все
http://picasaweb.google.com/data/feed/base/user/Zhuravleva.Ekaterina/albumid/5044478507106471569?alt=rss&kind=photo&hl=ru
Нам нужен кусок кода от
Код: выделить все
....user/
и до
Код: выделить все
?alt
А именно
Код: выделить все
Zhuravleva.Ekaterina/albumid/5044478507106471569
Его и пихаем в тег
Код: выделить все
[picasa1][/picasa1]
Получиться должно что то типа
Код: выделить все
[picasa1]Zhuravleva.Ekaterina/albumid/5044478507106471569[/picasa1]
. Если у Вас на компьютере установлена программа Picasa, то заливка на сайт проходит проще простого.
Для тех, кто только её собирается ставить- будьте внимательны- при первом запуске она проверит ВСЕ графические файлы на Вашей машине и занесёт это в свою базу данных..смотрите, что бы туда ничего личного и конфиденциального не попало cool
ЗЫ: В качестве примера фотогалереи использованы работы Екатерины Журавлёвой, посвящённые Китаю и расположенные в открытом доступе на страничке http://picasaweb.google.com/Zhuravleva.Ekaterina/ChinaChangCheng#
webmaster
Администратор
Администратор
 
Сообщений: 27
Зарегистрирован: 26 мар 2008, 11:04

Вернуться в Вопросы по сайту и форуму

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


cron