proFashion - Ken Burns Banner with YouTube

21 Jun 2011

• External Link Bug, Music was not Stopped, Banner function failures after clicking on any link.
• Extras: Video Autostart function for playin Video directy when Banner Item starts.

proFashion – The Professional Ken Burns Banner with YouTube and Live Control

Create banners with many many animations, transitions, text effects, endless onStage actions. Combine your Ken Burns Animated banner elements with the possibility of playing full YouTube and FLV clips.
Use the easy to read XML to setup a unique banner which fit your professional needs but also suit your own private websites.
The intuitive navigation bar introduces you to the power of time travel.

Pause, rewind in realtime with the optional progress bar, play again… no problem! Try it!

The CPU friendly banner engine gives you full controll over your banner. Check out the live-control tool to see the exact positions of the layers, the timing, sizing, Monitoring.

The music from the preview is not included in the purchased package.
You can buy it here.

Banner Features:

• Great and very exact Ken Burns Effect – Set start and end Align, zoom, offsets
• Unique and individual appearance
• Easy to read/edit XML files
• Fully XML driven
• Make the Editing even more simple via using the “start with banner” parameter
• Great Live Preview Samples
• Add Next, Previos, Play / Pause, Thumbnails, Progress bar
• Real Pause on Banner Items – TimeLine
• Frame and ALpha effect on Mouse Over
• Live – Control Tool For Monitoring and Messuring
• CPU Friendly / Max. Memory usage can be calculated
• Captions / Layer Items like
• Charachter, Word, Text, Image, Buttons (PNG, JPG , GIF)
• Add Shadow, Glow, or many other Tween to the items easy via XML
• Use 21 Main Transitions, 29 On Stage Transitions
• Mix them and get unlimited amount of animations
• Easy XML customizing
  

<!-- ####################################### BANNER ITEMS !! #################################################### -->
<!-- BASIC URL FOR IMAGES, BANNER PARTS - ONLY FLASH and NOT HTML LINKS !! -->
<!-- <base_url>EXAMPLE: http://www.YOURDOMAIN.com/book/theme-elegant/ </base_url> -->
<base_url>theme-elegant/</base_url>

<!-- LOADER COLOR -->
<loader>
  <color>0xdd2e8c</color>  <!-- color example: 0xff0000 (red) or none - (original colors) -->
  <src>swf/loader.swf</src>
</loader>

<!-- THE XML FILE FOR THE BANNER -->
<banner config="banner.xml"/>

<!-- ####################################### Default Settings  #################################################### -->
<!-- Color: Menu Color Standard, color_over: Color by mouse over, space: Pixel spacebetween the menupoints, size: Pixel size of the menu -->
<menusetting color="0x2a2544" color_over="0xebeae8" space="15" size="15" showamount="no" shadowcolor="0x2a2544" shadowalpha="0.20" shadowoffset="1" shadowblur="2" shadowstrength="1"/>

<!-- The background color and alpha of the HEAD / Title Part -->
<headbackground alpha="0.8" color="0xdd2e8c"/>

<!-- The background color and alpha of the BODY / Content Part -->
<bodybackground alpha="0.85" color="0xffffff"/>

<!-- THE COLOR and Alpha OF THE SCROLLER LINE AND SCROLLER DRAG BUTTON -->
<scrollline alpha="0.8" color="0x3a3428"/>
<scrolldrag alpha="1" color="0xdd2e8c" />

<!-- THE SMALL ARROW AT THE BOTTOM PART OF THE WEBSITE, COLOR, SOURCE, Standard POSITION AND ROLL OVER POSITION -->
<link_arrow color="0x4f428a" alpha="0.8" xoffset="0" startyoffset="0" endyoffset="29">images/arrow.png</link_arrow>

<banneritem id="1" duration="7.75">
    <image>images/fashion/f3.jpg</image>
    <mainanimation transition="slidemask" parameter="Strong.easeOut,r2l" speed="1.1"/>
        <kenburn startalign="top,left" endalign="bottom,right" startzoom="80" startxoffset="5" startyoffset="0"  endzoom="48" endyoffset="-16" endxoffset="-24" duration="15" ease="Circ.easeOut"/>                    
        <globalrotation>0</globalrotation>

        <layeritem id="2" typ="word">
            <format size="14" color="0xffffff" letterspacing="0.65" textdecoration="none" maximalwidth="130"></format>
            <position rotate="0" x="58" y="44"></position>    
            <background color="0x653109" cornerradius="0" bordercolor="0xFFFFFF" bordersize="0" alpha="0" top="5" left="15" right="205" bottom="5"></background> 
            <link url="" target=""></link>
            <animation>
             <start atsec="1" transition="scaleyin" parameter="Back.easeOut" delay="0.1" speed="0.3"/>
              <onstage atsec="1" transition="shadow" parameter="0x000000, 1,1,0.25" delay="0" speed="0.1"/>
             <exit    atsec="6.25" transition="explode" parameter="Strong.easeOut" delay="0.2" speed="1.1"/>                      
            </animation>
            Turn your Face to the Sun
        </layeritem>

</banneritem>

The Images are from Fotolia. And comes with the Banner only as Watermarked files.
Thanks a lot for these eyes catcher!

Thank you for your jolly good time!!

  Clean Documentation

 More