Images Scroller

[Flep]

Hola Che !
New free utility for Flash CS3. It's a scroller of images.
What it does:
- it reads from an XML file
- it loads the images and creates the thumbnails
- smooth effect
- at thumbs click it opens a pop up with original image

easy to configure

let us see it...*

IMAGES SCROLLER

Flash CS3+XML+Javascript

Description

Scroller of images that reads from XML file

Loads images and creates thumbnails

On thumb click it opens a pop-up with the image

Files package

main.fla

Main.as

LoadingXML.as

Caricatore.as

images.xml

cartella con immagini di prova e rispettivi pop-ups

readme.txt

Important : Open LoadingXML.as file and change the URL to XML file at line n° 34.

XML options

- source attribute contains the image's URL

- popup attribute contains the popup's URL

XML:

<?xml version="1.0" encoding="UTF-8"?>
<images>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_0.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_0.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_1.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_1.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_2.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_2.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_3.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_3.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_4.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_4.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_5.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_5.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_6.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_6.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_7.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_7.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_8.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_8.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_9.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_9.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_10.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_10.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_11.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_11.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_12.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_12.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_13.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_13.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_14.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_14.html"></item>
</images>

Source files:

[nonlogos]

Hi, I have really enjoyed your site and the mastery insights you have on flash CS3 (I can't tell you how many times you saved me from nights of headache and insanity). I especially love the event scroller script. My question is how do I confine the event scroller to a part of the overall page layout. I noticed everything was set with stage.stageheight, If I am working with a larger stage with a designated area for the events (kind of like a section), I can't have the events scrolling through the entire stage. Also can you help explaining some of the codes in this utility? Especially what the relationship between array, container_mc, hit_mc, and stage.stageheight is and how the mechanism works for the events to scroll and react to the mouse? I tried to figure it out myself and not bother you, but my lack of knowledge in these respects has kept me stucked for two days...

Please help!

[Flep]

Hi,
the fact is the scroller has been created to be embed in HTML pages.
If you want load it into another SWF, you must recode almost all.

About the explantion, i will try to write it as soon as i have the time :)

[nonlogos]

ah..I see. Thanks for letting me know.

Thank you much!

Connie

[Flep]

******update******

Have a look to my message here:
http://www.flepstudio.org/forum/down...do=file&id=103

[devang]

Hello,

I like this scroller.

But i donot want to load thumbnails & not pop ups.

Scroller width = 473 & Height = 256

All my images have same height 256 but widths are all different.

I want the scroller to load direct images.

Can somebody cleanup the code .. i dont know flash.. still i tried loading flash on my pc ... and in main.fla i changed the document size but i dont know how to stop the files from loading thumbs and pop urls...

Thankyou in advance,

Devang.

[Flep]

Hi,

1) Set SWF size to 256 height and width as the bigger of your pictures ( or as you want )

2) Open Main.as and delete this line:

addListeners();

3) Open Caricatore.as and substitute the createThumb function with this new one:

private function createThumb():void
		{
			
			_fla.objects_array[id].w=loader.width;
			_fla.objects_array[id].h=loader.height;
			bitmap_data=new BitmapData(loader.width,loader.height,true,0xFFFFFFFF);
			bitmap_data.draw(loader);
			
			var thumb:Bitmap=new Bitmap(bitmap_data);
			thumb.smoothing=true;
			
			clip=new MovieClip();
			clip.visible=false;
			clip.addChild(thumb);
			
			_fla.container_mc.addChild(clip);
			_fla.pics_array.push(clip);
			
			clip.id=id;
			clip.name='thumb_'+id;
			
			if(id<_fla.objects_array.length-1)
				_fla.loadImages();
			else
				_fla.positionClips();
		}

[devang]

Hello,

Cheers i have done and got it working. Below is link.

Untitled Document

Now i need to have a 10px gap in between 2 pics and it should be black colour (not white). Please help me.

http://sound.suninter.co.in/audio.htm
Above is link where finally i will put the swf.

Thankyou,

Devang

[Flep]

Hi,
i already see the 10px gap

[devang]

hi,

i resized the images on the left by 10px ..

Thankyou,

Devang