Разное 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>
<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>
<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>
Похожие материалы у нас на сайте:
Всего комментариев: 9 | |
|