Events Scroller - version 2

[Flep]

One more Flash CS3 free utility for FlepStudio's users.

It's another scroller like Events Scroller that we already saw, but with new concept and new design.

Each event contains a date, title, text and thumbnail. Clickable events.

EVENTS SCROLLER version 2

Flash CS3+XML

 

Description

Scroller of events or news. XML based.

File packages

main.fla

package org.flepstudio

package caurina ( Tweener by Zeh Fernando )

events.xml

thumbs folder

Source files available at downloads section of this site.

Importante : Open the file LoadingXML.as and change XML url at line 32.

 

XML options:

date of event, event's title, event's text, event's image, event's url

XML file:

<?xml version="1.0" encoding="UTF-8"?>
<events>
	<item date="Sept 14 2007">
		<title>Event 1</title>
		<date>Feb 01 2008</date>
		<category>blue</category>
		<thumb>http://www.flepstudio.org/utilita/EventsScroller_2/thumbs/thumb_0.jpg</thumb>
		<text>Lorem ipsum dolor sit amet, donec cras, ante elit pede iaculis quam natoque nulla. Ante etiam aliquam.</text>
		<url>http://www.flepstudio.org/</url>
	</item>
	<item date="Sept 15 2007">
		<title>Event 2</title>
		<date>Feb 02 2008</date>
		<category>orange</category>
		<thumb>http://www.flepstudio.org/utilita/EventsScroller_2/thumbs/thumb_1.jpg</thumb>
		<text>Elementum nec maecenas suscipit est, turpis ut, pellentesque fusce suspendisse ad sollicitudin eleifend pharetra.</text>
		<url>http://www.flepstudio.org/</url>
	</item>
	<item date="Sept 16 2007">
		<title>Event 3</title>
		<date>Feb 03 2008</date>
		<category>orange</category>
		<thumb>http://www.flepstudio.org/utilita/EventsScroller_2/thumbs/thumb_2.jpg</thumb>
		<text>Eget vel laoreet tempor, nunc in ut vel odio sed class, sed libero.</text>
		<url>http://www.flepstudio.org/</url>
	</item>
	<item date="Sept 17 2007">
		<title>Event 4</title>
		<date>Feb 04 2008</date>
		<category>black</category>
		<thumb>http://www.flepstudio.org/utilita/EventsScroller_2/thumbs/thumb_3.jpg</thumb>
		<text>Tincidunt libero duis eget est lectus. Faucibus feugiat arcu varius, mauris arcu vel dolor. </text>
		<url>http://www.flepstudio.org/</url>
	</item>
	<item date="Sept 18 2007">
		<title>Event 5</title>
		<date>Feb 05 2008</date>
		<category>blue</category>
		<thumb>http://www.flepstudio.org/utilita/EventsScroller_2/thumbs/thumb_4.jpg</thumb>
		<text>Malesuada donec dui commodo massa tortor, ut ut non, vitae arcu officia dignissim eu metus mi, auctor ultrices ante sed justo orci.</text>
		<url>http://www.flepstudio.org/</url>
	</item>
	<item date="Sept 19 2007">
		<title>Event 6</title>
		<date>Feb 06 2008</date>
		<category>blue</category>
		<thumb>http://www.flepstudio.org/utilita/EventsScroller_2/thumbs/thumb_5.jpg</thumb>
		<text>Tellus amet nulla nec, sit dolor mauris enim, vehicula lobortis, vitae eget suscipit, donec non euismod donec fusce et excepturi.</text>
		<url>http://www.flepstudio.org/</url>
	</item>
	<item date="Sept 20 2007">
		<title>Event 7</title>
		<date>Feb 07 2008</date>
		<category>black</category>
		<thumb>http://www.flepstudio.org/utilita/EventsScroller_2/thumbs/thumb_6.jpg</thumb>
		<text>Lorem ipsum dolor sit amet, donec cras, ante elit pede iaculis quam natoque nulla. Ante etiam aliquam.</text>
		<url>http://www.flepstudio.org/</url>
	</item>
	<item date="Sept 21 2007">
		<title>Event 8</title>
		<date>Feb 08 2008</date>
		<category>orange</category>
		<thumb>http://www.flepstudio.org/utilita/EventsScroller_2/thumbs/thumb_7.jpg</thumb>
		<text>Et etiam. Pellentesque tristique commodo lectus nibh placerat porttitor, in mauris ut vestibulum.</text>
		<url>http://www.flepstudio.org/</url>
	</item>
	<item date="Sept 22 2007">
		<title>Event 9</title>
	<date>Feb 09 2008</date>
	<category>blue</category>
		<thumb>http://www.flepstudio.org/utilita/EventsScroller_2/thumbs/thumb_8.jpg</thumb>
		<text>Nisl a tempus velit, proin commodo neque nunc ut magna, leo donec, gravida vel habitant nostra, sit augue.</text>
		<url>http://www.flepstudio.org/</url>
	</item>
	<item date="Sept 23 2007">
		<title>Event 10</title>
		<date>Feb 10 2008</date>
		<category>orange</category>
		<thumb>http://www.flepstudio.org/utilita/EventsScroller_2/thumbs/thumb_9.jpg</thumb>
		<text>Phasellus molestie in diam sed et diam, luctus lectus orci, sit metus nam ligula metus vestibulum elit.</text>
		<url>http://www.flepstudio.org/</url>
	</item>
</events>

Source files:

[uacomp]

thanks

[PastaNoose]

Has this file been deleted? :(

[Flep]

Here it is:

http://www.flepstudio.org/forum/down...do=file&id=192

[PastaNoose]

Thanks Flep. Brilliant work btw, all this is really helping me understand and learn flash :)

[klecknsr]

Love this app but is there a way to repeat the scroll? Currently it scrolls down to the last entry and then scrolls back up. I just would like it to scroll down repeatedly.

Thanks for all you do,
STeve

[klecknsr]

Don't know if there is a way to correct this but when there are only a 2 items listed, the images and tect shake. If you place your mouse over top of the two items, it stops.

Any ideas?

Give it a try, just open the xml and delete everything but two....

[klecknsr]

Sorry, my bad, the previous post was for event scroller...version 1

[flowmatic007]

I was wondering if there was a way to take our the category section on this app?? This is a great application by the way. Thanks Flep

[Nanamin]

To anyone who could help,
This is a great application and love the look and feel. I want to use it in my own site but since I am still learning how to code, I could use a little help on how to get this code to work within another movie clip.

For instance, I have a main movie clip that loads the main page with the menu and items. When you click on the selected menu button, it loads a movie clip for that page. I want to load this application into that movie clip so when the page loads, you can access the event items.

I would also like to know the easiest way to change the color scheme of the applet to match the color scheme of my site. Any suggestions or help would be appreciated.