RSS Twitter

OXYLUS Flash templates with CMS and eShop

Welcome Visitor Log in

Cart:: 0 items ($0.00)

Discount:: 0% ($0.00)

1 Year Membership - ALL OF OUR CURRENT AND FUTURE FILES JUST $149

Ken Burns Effect Slideshow Banner Rotator AS3

Go Back

$10

Info :: Flash CS3+ 86kb
AS 3.0
Dynamic

Files :: .fla
.as
.psd
.xml
.swf
.html
Help File

All Source Files: Included !

ADD FILE TO CART
INSTANT BUY
BUY COMMERCIAL LICENSE
This special license allows you to use the product in as many custom projects as you want (unlimited) or in a single commercial project (like multiuser websites, distributable CDROMs, downloadable presentations etc.).

Price : $49Click to purchase now

Ken Burns Effect Slideshow Banner Rotator AS3 Description

This is an image slideshow with smooth image transitions including zoom, panning and fade.

You can easily define the parameters for each transition, and each slide can have it's own timing.

Add an unlimited number of text boxes and position them easily over the image.

You can have links on the images and/or in the text (html formatted links), which makes it an awesome banner rotator.

XML Settings Overview:
- viewport width and height
- setup thumbnail and slider
- setup play/pause button
- path to css file
- setup slideshow
- setup individual slide (zoom, pan, fade)
- add text boxes
+ many more

Photos courtesy of Photos8.com
We hope you'll enjoy this new release from Oxylus Flash.

Support only on our Ken Burns Effect Slideshow Banner Rotator AS3 Support Forum

Tags:: banner , image , slideshow , auto play , dock menu , banner rotator , photo , ken burns , buttons , zoom , pan , fade , delay , pause , transition , smooth , xml , html , as3 , actionscript , action script 3.0

XML Sample

<data>
	
	<settings>
		
		<viewport>
			<width>600</width>
			<height>340</height>
		</viewport>
		
		<thumbnails>
			<visibility>
				<init>invisible</init> <!-- visible, invisible -->
				<autoHide>true</autoHide>
			</visibility>
			<spacing>3</spacing>
			<margin>10</margin>
			<position>
				<xAlign>left</xAlign>
				<yAlign>bottom</yAlign>
				<xOffset>52</xOffset> 
				<yOffset>10</yOffset>
			</position>
			<thumbnail>
				<image>
					<width>26</width>
					<height>26</height>
				</image>
				<border>
					<width>2</width>
					<normalColor>0x000000</normalColor>
					<normalAlpha>0.5</normalAlpha>
					<overColor>0x000000</overColor>
					<overAlpha>0.7</overAlpha>
					<selectedColor>0xFFFFFF</selectedColor>
					<selectedAlpha>0.5</selectedAlpha>
				</border>
			</thumbnail>
			<zoom>
				<maxZoom>2</maxZoom>
				<triggerDist>100</triggerDist>
				<zoomDirection>upwards</zoomDirection><!-- downwards, upwards, center -->
			</zoom>
		</thumbnails>
		
		<slideshowButton>
			<visibility>
				<init>invisible</init> <!-- visible, invisible -->
				<autoHide>true</autoHide>
			</visibility>
			<position>
				<xAlign>left</xAlign>
				<yAlign>bottom</yAlign>
				<xOffset>10</xOffset>
				<yOffset>10</yOffset>
			</position>
			<background>
				<normalColor>0x000000</normalColor>
				<normalAlpha>0.5</normalAlpha>
				<overColor>0x000000</overColor>
				<overAlpha>0.8</overAlpha>
			</background>
			<icon>
				<normalColor>0xFFFFFF</normalColor>
				<normalAlpha>0.5</normalAlpha>
				<overColor>0xFFFFFF</overColor>
				<overAlpha>0.8</overAlpha>
			</icon>
		</slideshowButton>
		
		<slideshow>
			<init>true</init>
			<pauseOnMouseOver>false</pauseOnMouseOver>
		</slideshow>
		<boxPadding>10</boxPadding>
		
		<css>css/style.css</css>
		
	</settings>
	
	<items>
		
		<!-- s:ITEM -->
		<item>
			<image>assets/images/image_1.jpg</image>
			<thumbnail>assets/thumbnails/thumbnail_1.jpg</thumbnail>
			<slideshowDelay>15</slideshowDelay>
			<fadeDuration>7</fadeDuration>
			<panningDuration>10</panningDuration>
			<zoomDuration>20</zoomDuration>
			<textFadeInDuration>2</textFadeInDuration>
			<textFadeOutDuration>1</textFadeOutDuration>
			<link>
				<address>http://www.google.com</address>
				<target>_blank</target>
			</link>
			<zoom>
				<init>1</init>
				<end>0.6</end>
			</zoom>
			<panning>
				<init>
					<xAlign>left</xAlign>
					<yAlign>bottom</yAlign>
					<xOffset>-80</xOffset>
					<yOffset>10</yOffset>
				</init>
				<end>
					<xAlign>right</xAlign>
					<yAlign>middle</yAlign>
					<xOffset>0</xOffset>
					<yOffset>0</yOffset>
				</end>
			</panning>
			<boxes>
				<box>
					<content>
						<text><![CDATA[<p class="title">Lorem <i>ipsum</i> dolor <u>sit amet</u></p>]]></text>
						<alpha>0.5</alpha>
					</content>
					<background>
						<color>0x000000</color>
						<alpha>0.5</alpha>
					</background>
					<position>
						<xAlign>left</xAlign>
						<yAlign>top</yAlign>
						<xOffset>10</xOffset>
						<yOffset>10</yOffset>
					</position>
					<showDelay>0.1</showDelay>
					<hideDelay>4</hideDelay>
					<animationDirection>left_to_right</animationDirection> <!-- left_to_right, right_to_left, none -->
				</box>
				<box>
					<content>
						<text><![CDATA[<p class="description">Duis aute irure dolor in reprehenderit in voluptate <br></br> velit esse cillum dolore eu fugiat nulla pariatur. <br></br>
										Excepteur sint occaecat cupidatat non proident non proident, <br></br> sunt in culpa qui officia deserunt mollit anim id est laborum.<br></br>
										Ut enim ad minim veniam, quis nostrud exercitation <br></br>ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>]]>
						</text>
						<alpha>0.5</alpha>
					</content>
					<background>
						<color>0x000000</color>
						<alpha>0.5</alpha>
					</background>
					<position>
						<xAlign>left</xAlign>
						<yAlign>top</yAlign>
						<xOffset>10</xOffset>
						<yOffset>10</yOffset>
					</position>
					<showDelay>0.3</showDelay>
					<hideDelay>4</hideDelay>
					<animationDirection>right_to_left</animationDirection> <!-- left_to_right, right_to_left, none -->
				</box>
				<box>
					<content>
						<text><![CDATA[<a target="_blank" href="http://www.google.com">Link to olor in reprehenderit in voluptate</a>]]></text>
						<alpha>0.5</alpha>
					</content>
					<background>
						<color>0x000000</color>
						<alpha>0.5</alpha>
					</background>
					<position>
						<xAlign>left</xAlign>
						<yAlign>top</yAlign>
						<xOffset>10</xOffset>
						<yOffset>10</yOffset>
					</position>
					<showDelay>0.1</showDelay>
					<hideDelay>4</hideDelay>
					<animationDirection>left_to_right</animationDirection> <!-- left_to_right, right_to_left, none -->
				</box>
			</boxes>
		</item>
		<!-- e:ITEM -->
			
[................]	

</data>

OXYLUS Flash templates with CMS and eShop

Ken Burns Effect Slideshow Banner Rotator AS3

Ken Burns Effect Slideshow Banner Rotator AS3 Description

XML Sample

Related Flash Components

File Categories

Search

Best Sellers

Just Sold

Popular Tags

Find us on Facebook