• Страница 1 из 1
  • 1
Облако фотографий модуля фотоальбома
avatar
Админ | Оффлайн
Установка:

1) Создаём информер с параметрами: Фотоальбомы · Материалы · В случайном порядке · Материалы: 10 · Колонки: 1

2)Копируем следующий код, в глобальный блок, думаю сами сможете разобраться.
Code
<center><script type="text/javascript" src="http://ваш_сайт.ру/swfobject.js"></script><div border="1" id="oblapics">$MYINF_33$</div><script type="text/javascript"> var flashvars = {};flashvars.mode = 'images';eTagz = document.getElementById('oblapics').getElementsByTagName('A');flashvars.thumbcloud = '<images>';for (var i=0; eTagz[i]; ++i) flashvars.thumbcloud += '<image href=\'' + eTagz[i].getAttribute('href')+ '\' target=\'_self\'>'+ eTagz[i].innerHTML + '</image>';delete eTagz;flashvars.thumbcloud += '</images>';var params = {};params.wmode = 'transparent';params.bgcolor = '#FFFFFF';params.allowscriptaccess = 'always';var attributes = {};attributes.id = 'oblapics';attributes.name = 'thumbcloud';swfobject.embedSWF('http://ваш_сайт.ru/photowidget.swf', 'oblapics', '300', '300', '9.0.0', false, flashvars, params, attributes);</script></center>


3. Необходимо создать информер модуля фотоальбомы и изменить следующим образом шаблон информера:
Code
<a href="$PHOTO_URL$">$PHOTO_DIRECT_URL$</a>


Для модуля Новости, шаблон информера
Code
<a href="$ENTRY_URL$">$OTHER2$</a>

$OTHER2$ должно содержать URL картинки - превью (уменьшенной)

Для модуля Доска объявлений, шаблон информера
Code
<a href="$ENTRY_URL$">$IMG_URL1$</a>

Картинка должна вставляться в материал при добавлении как $IMAGE1$

4) Если хотите увеличить размер этого окошка(соответсвтвенно и фотки увеличатся масштабно), то изменяем эти параметры - '300', '300'

5) Изменяем в первой строчке $MYINF_33$ на свой номер

Вставлять на страницу используя редактор дизайна (в конструкторе блоков скрипт может вставляться некорректно)

$MYINF_4$ - номер информера модуля фотоальбомы

_self - открывает ссылки в том же окне
_blank - открывает ссылки в новой вкладке

адрес_сайта/имя_папки/ - заменить на свои

'200' - ширина '200'- высота

#oblapics{outline:0;} - добавить в CSS

Все файлы, нужные для работы облока фотографий скачиваем
Прикрепления: uCoz-PhotoCloud.zip (7.7 Kb)


[Сообщение # 1]  
  • Страница 1 из 1
  • 1
Поиск:

close