Cайт учителя Сеновой 

Натальи Владимировны

ПОЗНАКОМИМСЯ!!!
МОЯ КНОПКА
> Жми здесь
УЧИТЕЛЯМ
УЧЕНИКАМ
РОДИТЕЛЯМ
МОЙ КЛАСС
Категории раздела
В создании сайта [10]
Что такое флеш? [0]
Программа SMART Notebook [1]
Мультимедийные презентации [1]
Полезные советы [8]
Случайное фото
Форма входа
Задумайся!!!
Гостевая книга
Заходите и пишите
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Праздники
Информер праздники сегодня
Главная » Файлы » Шкатулка для совершенствования » В создании сайта

Облако фоток на сайте
07.07.2012, 16:47
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 пункта статьи.

 
 <!-- </облако фоток> --> 
Категория: В создании сайта | Добавил: talia
Просмотров: 337 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Который час?
Поздравляем!!!
-->
УЧИТЕЛЯМ
КЛАССНЫМ МАМАМ
  • Планы воспитательной работы
  • Документы
  • Мероприятия
  • Классные часы
  • Родительские собрания
ПРИГОДИТСЯ!!!
Какой день?
Музыка для Вас!!!
Живой календарь
Какая погода?
Друзья сайта
  • Дневник. ру
  • Сайт пгт.Вахруши
  • Сетевое сообщество нач. классов Слоб.р-на
  • МКОУ СОШ пгт.Вахруши
  • МКОУ ООШ с.Волково
  • Улыбнись!!!

          Никнейм 
<tbody><tr><td align=Copyright MyCorp © 2025