Облако фоток на сайте
1.Для начала скачаем файлы.

2.При помощи файлового менеджера закачиваем файлы в созданную папку.

3.Создаем информер модуля Фотоальбомы (читайте статьи о создании информеров), меняем шаблон информера на такое содержание:

<a href="$PHOTO_URL$">$PHOTO_DIRECT_URL$</a>


4.В том месте, где хотите видеть облако тегов вставляем такой код скрипта:

<div id="oblapics">$MYINF_1$</div>
<script type="text/javascript" src="http://адрес/папка/swfobject.js"></script>
<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://адрес/папка/photowidget.swf', 'oblapics', '200', '200', '9.0.0', false, flashvars, params, attributes);
</script>

(где $MYINF_1$ - номер информера модуля фотоальбомы, цифру меняете на свой; адрес/папка/ - меняете на свои)


5.Добавить в CSS такой код: #oblapics {outline:0;}

6. Если код скрипта вставляете в Глобальных блоках в контейнер, то информер надо оформить в соответствующий стиль. Для этого нужно изучить блоки в контейнере, они находятся внутри этих тегов
!-- <block1> -->   здесь код блока <!-- </block1> -->. Нужно скопировать и заменить на свои.

В моем случае получилось так:

 <!-- <облако фоток> -->
 <div class="box"><h3>Облако фоток</h3></div>
 
Здесь код из 4 пункта статьи.

 
 <!-- </облако фоток> -->

Категория: Сайтостроение в Ucoz | Добавил: rischat (26.05.2010)
Просмотров: 3125 | Комментарии: 7 | Теги: облако тегов, фото, фотоальбом, облако фоток | Рейтинг: 5.0/2
Всего комментариев: 7
0  
7 Елена   (05.06.2011 02:52) [Материал]
Спасибо большое! Очень помогли.

0  
5 Рима   (10.05.2011 23:32) [Материал]
Здравствуйте помогите пожалуйста я хотела чтобы облако фото было видно в правом контейнера а я вижу только ссылки что я сделала неправильно?

0  
6 rischat   (11.05.2011 11:07) [Материал]
Скрипт корректно работает лишь в мазиле

0  
4 Александр   (25.02.2011 00:37) [Материал]
Спасибо огромное! Все сделал, все работает)))

0  
3 rischat   (06.02.2011 17:16) [Материал]
как?

0  
1 roman   (20.12.2010 02:48) [Материал]
как увеличить размер фото? не увеличивая размер флеша

0  
2 rischat   (20.12.2010 16:46) [Материал]
Я не автор скрипта. Размеры ставятся в photowidget.swf, т.е. надо переписать action скрипт этого файла

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Copyright Сайт учителя информатики © 2020