BANNER / SLIDESHOW with smooth text animation

UPDATE : AS3 version of the banner included so both the AS2 and AS3 files available with the source.

This is a BANNER / SLIDESHOW which can be updated easily through xml. All the data including images, text, text animation, text size, lines, margin, alignment, position and all other parameters can be controlled through xml for each slide.

UNIQUE FEATURES :

IMAGE

  • Option to choose five different type image transitions.
    • Simple Fade-in
    • Move
    • Diagonal fade
    • Radial fade
    • Circular Mask
    Using auto transition option the image can be automatically animate by four different transitions. Option to choose any one of the transition for whole banner.
  • Option to set Image Width and Height.
  • Options to resize the image to fit the area / cover over area /display without resize.
  • Option to display the images in random order.
  • Option to enable or disable the auto play.
  • Click over the image will launch a URL .
  • Load JPEG , PNG, GIF and SWF file.

TEXT

  • Font can be Embed / None Embed.
  • Option to use two different fonts and you can set a font type for each text.
  • Option to add Multiple lines for each slide. Display short and long text with smooth animation
  • Embed / None Embed font support HTML format with adjustable font size, color and add hyper link
  • Option to set the text width for each side and left margin for each text
  • Easy to position the text using align and spacing options
  • Five different Text transition available:
    • simple fade in
    • move from bottom.
    • move from top.
    • move from right with blur.
    • move from left with blur.
  • Option to choose any one of the animation for each slide
  • Set delay time for each slide
  • Option to control text shadow transparency and shadow distance.

THUMBNAIL

  • Option to show or hide the thumbnails
  • Option to arrange the thumbnails in horizontally or vertically
  • Option to set thumbnail width, height and thumb to thumb space
  • Option to display thumbnail text for each image
  • Thumbnail mouse scroll is automatically enabled if more thumbnails are display. Option to control scroll speed.
  • Option to set thumbnails mask size.
  • Easy to position the thumbnails using align and spacing options.
  • Option to Change thumbnail background color and number color
  • Option to enable or disable the thumbnail auto hide

BUTTON

  • Next, Previous and PlayPause button appear on RollOver the banner.
  • Option to enable or disable the Buttons auto hide.
  • Option to change buttons background and arrow color.
  • Option to enable or disable the Buttons auto position.

If you have any questions about this file feel free to contact me through my profile page.

XML structure screenshot



You can customize this banner in many ways. Here are some of the examples screenshot:



UPDATE :

17 June 2009 option added to resize the image to fit the main area / cover over main area /display without resize for all images.

23 June 2009 extra 3 text animation, image resize type, image random display, image auto play, text shadow setting, button color and button auto position options are added.

26 June 2009 added Circular mask transition for image and fixed the text to support special character.

16 July 2009 AS3 version of the banner included so both the AS2 and AS3 files available with the source. AS3 file and AS2 file doesn’t have much different in coding structure. All the code is written in single frame.
Image alignment option is added. Option to use two different fonts.

26 July 2009 thumbnails added.

Check out my other files:















carousel-3-types-image-product-viewer









by
by
by
by
by
by