|
|
Описание: интеграция симпатичного Flash модуля демонстрации фотографий, рисунков, видео и т.д. |
Поиск в теме | Версия для печати |
Demosfen |
Отправлено: 21 января 2011 — 14:21
|
Junior Member
Покинул форум
Сообщений всего: 72
Дата рег-ции: Сент. 2009
Откуда: Москва
Репутация: 4
|
Мод: Flash 3D демонстратор изображений "КАРУСЕЛЬКА" v 1.02b
Готовый флеш модуль 3D карусели изображений, интегрированный в ExBB на примере RC1
Образец работы в подвале тестового форума здесь: сфтк.рф
Установка с примерами (Отобразить)1. Скачать архив
2. Загрузить в корень форума разархивированную папку "carousel"
Пример: /www/htdocs/carousel
3. Разместить следующий код в одном из файлов своего скина:
CODE:<div style="width: 100%; height: 100px; border: 1px solid #EF964A" align="center"><object width="100%" height="100%" type="application/x-shockwave-flash" data="./carousel/carousel.swf"><param name="movie" value="./carousel/carousel.swf" /><param name="bgcolor" value="CECFCE" /><param name="wmode" value="transparent" /><param name="flashvars" value="xmlfile=carousel.xml" />This slideshow requires Adobe Flash Player 9.0</object></div>
Пример: внести код в файл /www/htdocs/templates/InvisionExBB/footer.tpl
сразу перед строками в конце файла:
CODE:</span><br />
</td>
</tr>
</table>
</td>
</tr>
</table>
DATA;
?>
...также можно установить в верхней части форума, внеся код в файл скина logos.tpl и т.д. - вариантов много.
Настройка (Отобразить)1. Изменение фона от прозрачного до цветного. Фрагмент кода:
CODE:<param name="bgcolor" value="CECFCE" /><param name="wmode" value="transparent" />
2. Меняем ширину, высоту, цвет рамки карусели. Фрагмент кода:
CODE:<div style="width: 100%; height: 100px; border: 1px solid #EF964A"
3. Можно изменять типы изображений и их количество, редактируя файл: carousel/carousel.xml
4. Убрать эти ухмыляющиеся смайлики и поменять на свои кульные фотки можно в папке "images"
5. Есть возможности для тонкой настройки (видео, флеш, гиперссылки, скорость прокрутки и т.д.) в файле carousel.xml
Улучшения от 31.01.2011:
Оптимизированы коды,
добавлен потрясный эффект "зеркального отражения",
добавлены гиперссылки при клике на изображение в карусели.
добавлены ключи настройки вида и функциональности карусели (Отредактировано автором: 1 февраля 2011 — 09:53) |
|
|
Demosfen |
Отправлено: 21 января 2011 — 15:48
|
Junior Member
Покинул форум
Сообщений всего: 72
Дата рег-ции: Сент. 2009
Откуда: Москва
Репутация: 4
|
1Bot пишет:Demosfen пишет:В xml ссылки внесены. Теперь их как-то нужно заставить работать.
На демо-сайте после изменений ошибка
Спасибо. это я в xml порезвился - смотрел, что еще прикрутить можно. Как выяснилось, ссылку на госархив пентагона разместить не удастся (Отредактировано автором: 1 февраля 2011 — 09:55) |
|
|
Demosfen |
Отправлено: 27 января 2011 — 02:02
|
Junior Member
Покинул форум
Сообщений всего: 72
Дата рег-ции: Сент. 2009
Откуда: Москва
Репутация: 4
|
Дополнение:
Полный набор настроек к Карусельке (добавляется между тегами <options></options> в файле xml
фрагмент кода с настройками вида карусели (Отобразить)CODE: <debug>false</debug> <!-- true, false -->
<background>transparent</background> <!-- #RRGGBB, transparent -->
<friction>5</friction> <!-- [1,100] -->
<fullscreen>false</fullscreen> <!-- true, false -->
<margins>
<top>0</top> <!-- [-1000,1000] pixels -->
<left>0</left> <!-- [-1000,1000] pixels -->
<bottom>0</bottom> <!-- [-1000,1000] pixels -->
<right>0</right> <!-- [-1000,1000] pixels -->
<horizontal_ratio>33%</horizontal_ratio> <!-- [1,50] a photo may occupy at most horizontalRatio percent of the Carousel width -->
<vertical_ratio>50%</vertical_ratio> <!-- [1,100] a photo may occupy at most verticalRatio percent of the Carousel height -->
</margins>
<interaction>
<rotation>mouse</rotation> <!-- auto, mouse, keyboard -->
<view_point>mouse</view_point> <!-- none, mouse, keyboard -->
<speed>90</speed> <!-- [-360,360] degrees per second -->
<default_speed>45</default_speed> <!-- [-360,360] degrees per second -->
<default_view_point>20%</default_view_point> <!-- [0,100] percentage -->
<reset_delay>30</reset_delay> <!-- [0,600] seconds, 0 means never reset -->
</interaction>
<far_photos>
<size>50%</size> <!-- [0,100] percentage -->
<amount>50%</amount> <!-- [0,100] percentage -->
<blur>10</blur> <!-- [0,100] amount -->
<blur_quality>3</blur_quality> <!-- [1,3] 1=low - 3=high -->
</far_photos>
<reflection>
<amount>100</amount> <!-- [0,1000] pixels -->
<blur>2</blur> <!-- [0,100] blur amount -->
<distance>0</distance> <!-- [-1000,1000] pixels -->
<alpha>50%</alpha> <!-- [0,100] percentage -->
</reflection>
<titles>
<style>font-size: 12px; font-family: Verdana, _serif; color: #333333;</style>
<position>above right</position> <!-- [above, below] [left,center,right]-->
<background>yourimage.png</background> <!-- image url -->
<scale9>10 10 10 10</scale9> <!-- [0,1000] pixels -->
<padding>5 5 5 5</padding> <!-- [-1000,1000] pixels -->
</titles>
Все изменения и улучшения на 31.01.2010 внесены в инструкцию по установке и файл архива первого сообщения темы.(Отредактировано автором: 31 января 2011 — 17:40) |
|
|
|
Поиск в теме | Версия для печати |
Страниц (2): [1] 2 » |
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0) |
« Модификации и дополнения » |
Все гости форума могут просматривать этот раздел. Только администраторы и модераторы могут создавать новые темы в этом разделе. Только администраторы и модераторы могут отвечать на сообщения в этом разделе.
|
|
|