Versions Compared

Old Version 4

changes.mady.by.user Anton Kolin (Teamlead)

Saved on

compared with

New Version 5

changes.mady.by.user Anton Kolin (Teamlead)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Column
width30%
Wiki Markup


h3. База знаний о Confluence
{livesearch:id=1|spaceKey=Confluence}
{pagetree:root=База знаний о Confluence}
----
h6. Пространства Teamlead
{list-spaces:filter=global}

...

width70%
Ситуация

Иногда нужно создать простую flash-галерею на странице. Увы в Confluence такой опции нет. Но она есть в нашей базе знаний

...

(smile).

...

...

Cовет

1. Скачиваем следующие файлы:

swfobject.js

imagerotator.swf

madrid.xml

2. Вкладываем картинки галереи на страницу Confluence. Получаем URL картинок.

3. Актуализируем в файле madrid.xml URL к картинкам. Файл можно переименовать при желании :)

4. Вкладываем скачанные 3 файла на ту же страницу.

5. Вставляем на страницу приведенный ниже html-код. Актуализируем в нем 3 ссылки на другие вложенные файлы ядра галереи - js, swf, xml:

Code Block
langhtml
<div id="container"><a href="http://www.macromedia.com/go/getflashplayer">Секундочку, загружается Flash Player</a> для просмотра галереи.</div>
	<script type="text/javascript" src="http://www.teamlead.ru/download/attachments/5898324/swfobject.js"></script>
	<script type="text/javascript">
		var s1 = new SWFObject("http://www.teamlead.ru/download/attachments/5898324/imagerotator.swf","rotator","562","434","5");

            s1.addVariable("transition","blocks");
            s1.addVariable("usefullscreen","false");
            s1.addVariable("shownavigation","false");
            s1.addVariable("showicons","false");
            s1.addVariable("overstretch","false");

            s1.addVariable("rotatetime","5");
            s1.addVariable("file","http://www.teamlead.ru/download/attachments/5898324/madrid.xml");
            s1.addVariable("width","562");
		s1.addVariable("height","434");
		s1.write("container");
	</script>
Note
titleВнимание!

html-код вставляется не просто на страницу, а с помощью макроса "html", плагин для которого можно установить из хранилища плагинов Atlassian.

5. При наличии свободных 15 минут, можно еще поиграть с более детальными настройками - вынос логотипов, переходы и прочее. Переменные и команды подробно описаны тут: http://developer.longtailvideo.com/trac/wiki/ImageRotatorVars

Пример
HTML
<div id="container"><a href="http://www.macromedia.com/go/getflashplayer">Секундочку, загружается Flash Player</a> для просмотра галереи.</div>
	<script type="text/javascript" src="http://www.teamlead.ru/download/attachments/5898324/swfobject.js"></script>
	<script type="text/javascript">
		var s1 = new SWFObject("http://www.teamlead.ru/download/attachments/5898324/imagerotator.swf","rotator","562","434","5");

            s1.addVariable("transition","blocks");
            s1.addVariable("usefullscreen","false");
            s1.addVariable("shownavigation","false");
            s1.addVariable("showicons","false");
            s1.addVariable("overstretch","false");

            s1.addVariable("rotatetime","5");
            s1.addVariable("file","http://www.teamlead.ru/download/attachments/5898324/madrid.xml");
            s1.addVariable("width","562");
		s1.addVariable("height","434");
		s1.write("container");
	</script>

...