Horizontal Scroller Slideshow

This is a horizontal controller for displaying multiple images with ease. The scroll bar adjusts it's size based on the number of images.

You can set the color of the scroll bar, and the bar under the scroll takes the same color, at 5% transparency.

Both the arrows and the background color take the color you set in the XML for them.

The images can be of any size, we recommend keeping them smaller than the height you set for the component. All of them are positioned at the bottom of the component. This can easily be changed in the code, as well as the position of the loader and the scroll bar.

You can set the scroll bar width and height in the XML, as well as the distance between the items. (this is added in front and at the end of the images as well, but it can also easily be removed if needed)

We added a line in the code where the images are centered, but we commented it because we like it better like this. If you want that feature, let us know and we'll post the code in the comments page.

 

emmanuelM

on 13/11/10

 

hi,

after testing the movie i get the following errors:
- unable to resolve '/../fonts/MyriadProRegular.otf' for transcoding

-Unable to transcode /../fonts/MyriadProRegular.otf.

Is there anything else i should do?

Thanks in advance

 

Marius-Cristian Donea

on 14/11/10

Hi,

How do you get this bug? Are you editing the FLA?

 

emmanuelM

on 14/11/10

 

i 've just embeded the component in my fla with the way you describe in the instruction video and then tested the movie.

 

Marius-Cristian Donea

on 16/11/10

Hi,

OK, I understand. You need to set the path to the font relative to the FLA file.

 

emmanuelM

on 16/11/10

hi,
marius

You know, i 'm new to actionscript, so you mean that i have to change
[Embed(source="/../fonts/MyriadProRegular.otf"
to ??

Thanks in advance.
Emmanuel

 

emmanuelM

on 16/11/10

 

Do i have to change the path to the font in the ScrollerSlideshow.as file, or somewhere else because i 've allready tried that several times and i keep getting the same error.

Thanks

 

Marius-Cristian Donea

on 18/11/10

Hi,

Only in ActionScript. Make sure you have the font installed to.

 

emmanuelM

on 18/11/10

Do you mean that i have to import the font to my .fla and then in the .as file to change: [Embed(source="/../fonts/MyriadProRegular.otf", fontFamily="FontEmbedded")]
into :
[Embed(source= "/../file of my fla/MyriadProRegular.otf" , fontFamily="FontEmbedded")] ??

 

Corneliu Chitanu

on 22/11/10

Hi emmanuelM,

For this component, to use a font, you need to install it on your computer and then embed it in actionscript, but not in the .FLA file.

If you embed the font in actionscript, you don't need to embed it in the .FLA file. When you'll obtain the SWF file, it will have the fonts you used embedded in it, so if made public any other person will see the component properly.

So, if you want to use our fonts, just install our fonts to your computer, and everything will work fine.

If you want to use another font, make sure it is installed on your computer and then embed it in actionscript. Just edit the source parameter in the following line:

[Embed(source="/../fonts/MyriadProRegular.otf", fontFamily="FontEmbedded")]

Just put the path to your font in quotes.

 

emmanuelM

on 22/11/10

 

Thanks for replying but the specific font is installed on my computer by default.

 

Corneliu Chitanu

on 23/11/10

So if the font is installed and you embedded it in action script, is it working?

 

emmanuelM

on 23/11/10

hi.

no it isn't

 

Corneliu Chitanu

on 24/11/10

Hi emmanuelM,

Please contact us at support@flabell.com, with the email you registered on Flabell, and send us the whole project you were trying to embed the fonts (with the fonts, the sources and everything).

We'll try to solve this problem.

Thank you,
Corneliu

 

smetca20

on 23/11/10

 

Hi I'm interested in purchasing this but have a couple questions. I may as well apologize for my lack of actionscript expertise (or programming for that matter) in advance, I'm a designer that is trying to learn how to code.

Anyways

I was wondering, would there be a way I could get the scroll bar on the bottom of the slideshow? Also, could I get the bar to extend from the beginning of the frame & to the end?

The below link has a photo of what I'm referring to:

http://sphotos.ak.fbcdn.net/hphotos-ak...

If I have questions, rather than spaming up this thread, could I possibly email someone?

This slideshow function seems to be the solution I've been looking for to implement in my portfolio website.


Thanks for you feedback.

//Sean

 

Corneliu Chitanu

on 24/11/10

Hi Sean,

Sure, you can customize the component the way you wanted to. We keep an .XML file with all the settings for every component we make, so if you're new to programming you won't have difficulties.

In this particular case, it's called, scrollerslideshow.xml. In this file you can set the size of the component, the size of the scroll and position of the scroll and items you display.

To change the size of the component edit the width and height property of the scrollerslideshow tag. To change the width and height of the scroll edit the scrollWidth and scrollHeight properties, and to place it on the bottom just set the scrollY to a positive number which means the vertical position of the scroll.

If you want to send us an email with other questions please contact us at: support@flabell.com.

 

smetca20

on 23/11/10

 

The link below contains a sample image of what I'm trying to get out of this slideshow. These are two sep. images that I will be using in a series of photos for the slideshow. Based on the example, would I be able to obtain this? Also, would I be able to resize the slideshow to fit a div/container for my website?

http://sphotos.ak.fbcdn.net/hphotos-ak...

Thanks so much for your help! I apologize again for my lack of programming knowledge :P

 

Corneliu Chitanu

on 24/11/10

I looked at your preview, and this can be done, but you should resize those images to fit the component's width and height.

The entire component's dimensions can be set in the XML file that I've written about in the last comment :).

We're glad that this component fits your needs.

Corneliu

 

emmanuelM

on 26/11/10

 

Hi,
the links to other websites don't work for me neither for my project, nor for yours (locally).
Do you have any idea?

 

Corneliu Chitanu

on 29/11/10

Hi emmanuelM,

Make sure that flash player has permission from your firewall (or other software) to access the internet.

I verified the files about 5 minutes ago, placed an image like this one:

                http://www.hermann-uwe.de/files/images/blue_flower.preview_0.jpg
                

and linked to the same address, and it's working.

 

G_Abhinav

on 5/12/10

 

Hi, this horizontal scroller is very nice, but however, I'm unable to make working links out of the images i.e., I link them to a URL to open in new window, but it just doesn't happen. If this issue is resolved speedily, I'd love to purchase this one.

 

Corneliu Chitanu

on 6/12/10

Hi,

I assume you downloaded the preview we offered for this component. I just downloaded it and the links work. I also looked at the full version of the component and the links work.

The links are pasted in the scrollerslideshow.xml. For every item there is an attribute called link. The link should be entered in that attribute. To open in a new window make the target attribute "_blank".

Please give me some details on how you placed the links for the images.

This should work. You can purchase it with the confidence that the links work.

 

G_Abhinav

on 6/12/10

The links were pasted in the XML file only. There was no problem understanding that; it's all very simple.

I got a message from Macromedia saying the file is trying to access another file in my computer that's been blocked for security reasons repeatedly even after changing the settings.

Since I haven't had any such problems with interactive flash content on the internet before, I even tried making a sample webpage to embed this also, just in case it doesn't work with items in our own comp, but that was an horrible experience!

If I try to link it to the flash content files in "deploy" folder in my comp, it works fine even in the edited form but without the working links even after I adjusted the security.

But whatever I do, I mean whatever, that thing just refuses to even get embedded if I create a html page and put nothing but that flash in it. I've tried everything I know, but it just refused to work. I've tried both static and dynamic publishing forms but to no avail.

And please don't tell me I might've made some mistake somewhere, because I know enough HTML and XHTML stuff not to do something stupid as point to some nonexistent directory. I even did it exactly like the directories of your deploy folder, but it just refuses to work.

So having got so very tired of it, I just decided to give it up as a bad job and went with something else. I'm very sorry.

 

Corneliu Chitanu

on 7/12/10

Hi again,

Thanks for checking our component out. We still can't know for sure out what was going wrong, but we're glad you found something for your needs.

In the future, please watch our tutorial on how to embed our components in html:

http://www.flabell.com/blog/1669/how-t...

We use some Javascript in this process, so it's not just HTML.

And also note, that our preview works only on your local machine. So if you tried publishing it on a server, it couldn't have worked.

Thanks again for checking this slideshow out.

 

ashraf nazzal

on 13/12/10

 

Hi Everyone,
This flash works locally but doesn't work online, i've tried everything but no use.
i tried to put
flashvars.pathToFiles = "";
flashvars.xmlPath = "http://items.starscom.net/scrollerslid..."; and i changed the image paths in xml to domain path
and i tried the other way around
flashvars.pathToFiles = "scrollerslideshow/";
flashvars.xmlPath = "xml/scrollerslideshow.xml";
also i changed the image path in the xml file
and i tried everything
but NOTHING WORKED
it is driving me crazy anyone can save me from my misery

 

Corneliu Chitanu

on 14/12/10

Hi Ashraf,

Thank you for trying our slideshow. Did you download the preview and put it on the server? Or did you buy the component?

The preview it's made not to work on a public server. It works only on your local machine. It's made to be just a preview to the component.

If you want the component to work on a public server, you should buy the component.

 

usman818

on 6/8/11

 

Hi There,

I am interested in script: http://www.flabell.com/flash/Horizonta...

I need a small change / addition in this please and I need your help in that. You can see in this scrip there are girl images, I want to have black n white images of girl and on mouse over want that selected black n white image to be replaced with colored one.

Please reply soon with a solution.

Best Regards,


Usman Ghani

 

Corneliu Chitanu

on 8/8/11

Hello,

I just forwarded your request and we'll reply to it as soon as we can.

Thanks.

10987...1

Post a comment

Please login to join the discussions. Don't have an account? Register (it takes 30 seconds)

There are currently no frequent asked questions. As soon as we receive your feedback, we'll update this section permanently.

There are no video tutorials for this flash component yet.

Horizontal Scroller Slideshow - change log

Update 20 May 2010

- we updated the file to the new stucture of files (Sample.as instead of Main.as)
- we added title support for the images - stays on top of each image, centered on the width

There is currently no additional help provided for this flash component.