AS 3.0 XML Driven Fullscreen Background Slideshow

view
live preview

view
screenshots

Regular Licence

Commercial Licence

Multiple Licence

$ 10.00

By purchasing and downloading this license, you are entitled, as buyer, to use the product in ONE SINGLE NON- COMMERCIAL PROJECT - details

By purchasing and downloading file(s) under this licenses:

1. Regular & Personal License

By purchasing a file(s) with this license, you are permitted to use it multiple times in one multimedia & website or any other project. You can use it for personal work or work for a client project that not generating income. You are permitted to multiple use of purchased file(s) in one single non-commercial project. You are not permitted to redistribute this file(s) or functionality provided with the purchased product without the author written permission, but you may modify its content.

2. Commercial Single License

By purchasing a file(s) with this license, you are permitted to use it multiple times in one multimedia & website or any other project. You can use it for personal work or work for a client project that can generate income. You are permitted to multiple use of purchased file(s) in one single commercial project or non-commercial project. You are not permitted to redistribute this file(s) or functionality provided with the purchased product without the author written permission, but you may modify its content.

3. Multiple Commercial License

By purchasing a file(s) with this license, you are permitted to use it multiple times in multiple multimedia & website or any other projects. You can use it for personal work or work for a client project that can generate income. You are permitted to multiple use of purchased file(s) in multiple commercial projects or non-commercial projects. You are not permitted to redistribute this file(s) or functionality provided with the purchased product without the author written permission, but you may modify its content.

Learn more about License and Purchase

Description:

AS 3 OOP Fullscreen Slideshow class extremely easy to use in custom projects. Displays images in fullscreen size with constrained aspect ratio and uses advanced image align. Settings are defined in external XML file, possibility to change various Slideshow parameters to suit your needs. Controlling (pause/resume/exit) slideshow through context menu.

Configuration
Slideshow is a custom AS3 OOP class which makes it extremely easy to use. In order to use this slideshow you'll need to do two things. First, you need to load external xml file in which slideshow configuration and images are stored. Configuration XML file looks like this:

<?xml version="1.0" encoding="UTF-8"?>

<content>
<settings>
<timer>5000</timer>
<random>true</random>

<preloader>
<show>true</show>
<position>top</position>
<color>0x000000</color>
<height>5</height>
</preloader>
</settings>

<images>
<image url="assets/images/1.jpg" align="top"/>
<image url="assets/images/2.jpg" align="top"/>
<image url="assets/images/3.jpg" align="bottom"/>
<image url="assets/images/4.jpg" align="bottom"/>
<image url="assets/images/5.jpg" align="bottom"/>
</images>
</content>

The settings part defines slideshow properties:

Number of ms between image transitions (5000ms = 5s)

If set to true, images will appear in random order each time they are displayed. If set to false images will appear in order as defined in xml.

The preloader part of xml defines preloader properties, in case you want to display preloader:

Defines wheather preloader will be visible in slideshow or not, possible values are "true" or "false".

In case you want to use preloader with following properties you can customize it:

Defines preloader position, possible valuse are "top" and "bottom".

Defines preloader's progress bar color, value is hex color value.

Defines preloader's progress bar height (in pixels).

The bottom part is where you put your slideshow images:

Each "image" tag consists of two attributes:

- url where you specify path to image relative to you slideshow .swf file
- align where you specify "top" or "bottom" depending how you want to align you image. Images are resized
depending on user's screen resolution and image aspect ratio is preserved. Such a resizing can cause smaller region of image to not be visible so this "align" parameter will make it easy for you to specify wheather you always want you image's upper part to be visible and resizing will cause lower part of image to possibly be lost (align="top") or you want to make sure that your bottom part of image is always visible and during resizing small portion of top part of the image could possibly be lost (align="bottom")

Control
You can control (play/pause/exit slideshow) through context menu (right mouse click), also when click on image slideshow removes and dispatch an custom "SlideshowEvent.REMOVE" event.

0 Comments