Разное uCoz-Piecemaker - ротатор картинок (контента) на flash

Установите плагин adobe flash. Здесь отображается uCoz-Piecemaker - ротатор картинок (контента) на flash.

uCoz-Piecemaker - ротатор контента на flash включает возможность прокручивания банеров, изображений, флеш приложений в формате SWF, видео в формате MP4.

Инструкция по установке:
1. Скачайте архив ucoz-piecemaker.zip (259,72 Kb).
2. Распакуйте архив и закачайте 3 ключевых файла piecemaker.css, piecemaker.xml, piecemaker.swf на свой сайт.
3. Если у Вас ещё не загружен swfobject.js, закачайте его в папку /js/swfobject.js
4. В head страницы подключите скрипты:

Code
<script type="text/javascript" src="/js/swfobject.js"></script>
<script type="text/javascript">
<!--
  var flashvars = {};
  flashvars.cssSource = "http://ВАШ_САЙТ/ucoz_piecemaker/piecemaker.css";
  flashvars.xmlSource = "http://ВАШ_САЙТ/ucoz_piecemaker/piecemaker.xml";
  
  var params = {};
  params.play = "true";
  params.menu = "false";
  params.scale = "showall";
  params.wmode = "transparent";
  params.allowfullscreen = "true";
  params.allowscriptaccess = "always";
  params.allownetworking = "all";
  
  swfobject.embedSWF('http://ВАШ_САЙТ/ucoz_piecemaker/piecemaker.swf', 'zetpiecemaker', '700', '340', '10', null, flashvars, params, null);
//-->
</script>

5. В том месте страницы, где будет выводиться ротатор банеров вставьте код:
Code
<div id="zetpiecemaker">Установите плагин <a href='http://www.adobe.com/go/getflashplayer'>adobe flash-player</a>. <a href='http://zetclan.com/news/2011-02-22-837' target="_blank">uCoz-Piecemaker</a> - ротатор картинок (контента) на flash.</div>

Инструкция по настройке контента и стилей:

Откройте файл piecemaker.xml в расширенном текстовом редакторе, например, в notepad++ и укажите в нём настройки прокручиваемого контента. Пример содерижимого piecemaker.xml

Code
<?xml version="1.0" encoding="utf-8"?>
<Piecemaker>
  <Contents>
  <Image Source="http://zetclan.com/data/ucoz_piecemaker/contents/piecemaker1.jpg" Title="uCoz-Piecemaker plugin by Zet"></Image>
  <Image Source="http://zetclan.com/data/ucoz_piecemaker/contents/piecemaker2.jpg" Title="Новые примочки">
  <Text><h1>Новые примочки</h1><p>Вы можете задавать неограниченное число стилей, вставлять как контент ротатора SWF и Видео файлы, добавлять ссылки к картинкам и информацию в виде текста с любыми знаками и символами. Добавлена анимация тени и до пикселя точная смена картинок.</p></Text>
  <Hyperlink URL="http://www.zetclan.com" Target="_blank" />
  </Image>
  <Flash Source="http://zetclan.com/data/ucoz_piecemaker/contents/flash.swf" Title="Загружен SWF Файл">
  <Image Source="http://zetclan.com/data/ucoz_piecemaker/contents/flash-preview.png" />
  </Flash>
  <Image Source="http://zetclan.com/data/ucoz_piecemaker/contents/piecemaker3.jpg" Title="Редактирование стало проще"></Image>
  <Video Source="http://zetclan.com/data/ucoz_piecemaker/contents/video.mp4" Title="Пример воспроизведения видео в MP4" Width="610" Height="250" Autoplay="true">
  <Image Source="http://zetclan.com/data/ucoz_piecemaker/contents/video-preview.jpg" />
  </Video>
  </Contents>
  <Settings ImageWidth="600" ImageHeight="240" LoaderColor="0x333333" InnerSideColor="0x222222" SideShadowAlpha="0.8" DropShadowAlpha="0.7" DropShadowDistance="25" DropShadowScale="0.95" DropShadowBlurX="40" DropShadowBlurY="4" MenuDistanceX="20" MenuDistanceY="50" MenuColor1="0x999999" MenuColor2="0x333333" MenuColor3="0xFFFFFF" ControlSize="40" ControlDistance="20" ControlColor1="0x222222" ControlColor2="0xFFFFFF" ControlAlpha="0.7" ControlAlphaOver="0.95" ControlsX="300" ControlsY="200 " ControlsAlign="center" TooltipHeight="30" TooltipColor="0x222222" TooltipTextY="5" TooltipTextStyle="P-Italic" TooltipTextColor="0xFFFFFF" TooltipMarginLeft="5" TooltipMarginRight="7" TooltipTextSharpness="50" TooltipTextThickness="-100" InfoWidth="300" InfoBackground="0xFFFFFF" InfoBackgroundAlpha="0.95" InfoMargin="15" InfoSharpness="0" InfoThickness="0" Autoplay="10" FieldOfView="45">
</Settings>
  <Transitions>
  <Transition Pieces="9" Time="1.2" Transition="easeInOutBack" Delay="0.1" DepthOffset="300" CubeDistance="30"></Transition>
  <Transition Pieces="15" Time="3" Transition="easeInOutElastic" Delay="0.03" DepthOffset="200" CubeDistance="10"></Transition>
  <Transition Pieces="5" Time="1.3" Transition="easeInOutCubic" Delay="0.1" DepthOffset="500" CubeDistance="50"></Transition>
  <Transition Pieces="9" Time="1.25" Transition="easeInOutBack" Delay="0.1" DepthOffset="900" CubeDistance="5"></Transition>
  </Transitions>
</Piecemaker>

Статья не завершена, ждите продолжения или пытайтесь разобраться самостоятельно!
27.02.2011, 22:45 zet9

   Похожие материалы у нас на сайте:

Всего комментариев: 9
1. Vovich  (01.03.2011 в 01:23) [Материал]
0
avatar

Обалдеть!!! Вот это класс!!!! Спасибо большое завтра попробую...

   

Имя *:
WWW:
Код *: