Continuous Image Slider

Using this image slider you can display a continuous loop of images, with direct links to other sections in your website. The images can be randomized so that every time the slider loads, it displays a different set of images.

Every image can have it's own link, and width. You can set the images in the XML, as well as the component width and height, if used within another AS3 Flash file.

If you use the component inside a website, you can set the component width and height in the HTML.

Features:

1. Optional HTML text description.
2. Customizable colors.
3. Optional random display of images.
4. Continuous image loop.

 

tomekole

on 12/10/10

 

Hello,
This component is what I am looking for. There is only one requirement it does not meet (maybe there is something to fix or maybe I am not configuring it correctly): the full page width with auto resize.

Steps to reproduce:
1. Set width equal 100% in the XML file,
2. Set stageW='100%' in the html file.
3. Open the html in a browser while the window is not maximized
4. Resize the browser window (make it wider) .

Thanks,
Tomek

 

Marius-Cristian Donea

on 13/10/10

Hi,

We will fix this and release an update.

 

tomekole

on 15/10/10

Great to hear. When the update will be available?
Thanks,
Tomek

 

redgirl

on 2/11/10

 

hi - I would like to purchase this. Can you tell me if it is possible to have the first image static for a number of seconds before automatic scrolling starts?

I would like to have the first image as a banner and be fully visible before the images start to scroll

 

Marius-Cristian Donea

on 3/11/10

Hi,

I'm sorry but this isn't possible.

 

nathan franklin

on 18/1/11

 

Hi is there anyway to make the description font size smaller?

 

nathan franklin

on 18/1/11

 

Also wandering about putting a new line in my description?

 

Corneliu Chitanu

on 19/1/11

Hi,

Thanks for downloading our image slider.

To change the size for the title you'll need to open the .fla file and search for the mcText movie clip in the library. Enter in that movie clip and change the size for the txt Text Field, in the Properties panel.

I'm sorry but this is the only way to accomplish this. Also, the way this component was built, the text cannot be displayed in multiple lines.

We can do any changes you want to this component, as a custom work. If you're interested, please send us an email at [email protected] It's not a big deal to make the changes you wanted, but maybe you want other customizations too.

 

vefadar nagiyev

on 13/12/11

Just say what file should edited for that. We want to be unicode friently and multiline. Thank you

 

Corneliu Chitanu

on 14/12/11

Hello,

Slider.as file is the file where all the logic of the component is.

 

Corneliu Chitanu

on 7/2/11

 

Hello guys,

We made a quick update to this component. You'll be able to use absolute paths to open the images. If you want this for your component, please download it again and use the new SWF file.

 

David Dantes

on 6/3/11

 

Thank you for this great component! I'm a novice with flash, and I have a few questions. First, I need to speed up the animation, but changing the speed in the settings XML doesn't do that. Second, I would like the mouse rollover event to stop the animation, and rollout to resume the animation, instead of the present feature of reverse & accelerate on mouseover. Finally, I'd like the mouseover to produce some text, like the Title tag does with an image in html. Please advise.

 

Corneliu Chitanu

on 7/3/11

Hello David,

Thanks for downloading the component. If you want to change the speed when the mouse is out of the component, you'll need to make a small change in the flash project.

Open the projectCS4.fla file or the projectCS3.fla file, if you have Flash CS3. Next you'll need to open the Slider.as file and find this line:

direction = (xmlObject.attribute("direction").toString() == "left") ? -1 : 1;

And change the -1 and 1 to a bigger values, like this:

direction = (xmlObject.attribute("direction").toString() == "left") ? -5 : 5;

After you made the modification, go to the projectCS4.fla/projectCS3.fla file and republish the SWF file. To do this press Ctrl+Enter (Cmd+Return on the Mac).

This will speed up the sliding effect.

Unfortunately, the way this component was built, you cannot stop/re-start the animation on mouse over event. Neither to display a title for the images.

The project will need some modifications to make this happen. Our team notified me that you sent them an email about it on [email protected] and they'll help you with this.

 

David Dantes

on 7/3/11

Thank you for your instructions, Cornelieu. Looking at the zip package which I downloaded (called Preview) I don't see a CS3.fla, CS4.fla, or a Slider.as file. Perhaps I should have received a licensed package after payment?

 

David Dantes

on 7/3/11

Please ignore that -- I see there is a licensed version which I hadn't downloaded. Thanks for the instructions!

 

David Dantes

on 7/3/11

Dear Cornelieu: I made the changes to the Slider.as file and republished the CS4 project as you specified, and the scrolling speed is now adequate for my purposes -- thank you! However, the scroll is also jumpy, not smooth. Perhaps you could have a look at www.mauitradewinds.com/Test/scroller.htm and advise me if there is a remedy?

 

Corneliu Chitanu

on 9/3/11

I'm glad you succeeded to do it. You'll have to find a balance between the flash movie's frame rate, which is set in the FLA file (by default to 30 frames per second and I don't recommend increasing this value or decreasing it to lower than 20) and the speed you specify. The processor you have on your computer might affect this too.

Also try to replace this line:

mcAllItems.x += direction;

with this line:

Tweener.addTween(mcAllItems, {x : (mcAllItems.x + direction), time: 0.033});

in the Slider.as file. The time value above is 1 second divided by 30 frames. This is the default frame rate we specified in the FLA fie. If you will change the frame rate try changing the time value above also. This should give you a better experience.

 

David Dantes

on 9/3/11

Corneliu: I appreciate your detailed instruction. I changed the frame rate to 20, copied and pasted the revised code from your posting into Slider.as, substituting .050 for .033. However, the image does not scroll now. I notice there was an "=" in the original .as text which did not appear in your modified code, and I tried adding it, but it still does not scroll.

 

David Dantes

on 9/3/11

Dear Corneliu: Thank you for your detailed instructions. I made the changes you recommended, but I can't distinguish any difference in the scroll smoothness before and after. If it is possible, can you instruct me on how to modify the project, not using the enterframe method to move the images?

 

Corneliu Chitanu

on 10/3/11

Hello David,

I don't think you'll get a better result with another method.

In this kind of animations in flash you'll just need to move the image on the X axis. If you move it too fast and too much, it will look a little jumpy. We could help you do something using a timer but is a more complicated process, which will be hard to explain.

Please contact us at [email protected] and we'll do this for you as a custom work.

show all replies

 

ilap

on 7/3/11

 

Hello!
Sorry if anyone has already asked this (I didn't have time to read through all the comments!) but I wanted to know if it is easy to make this slider do exactly the same thing but vertically instead of horizontally?
Thank you!

 

Corneliu Chitanu

on 9/3/11

Hi,

We're sorry but it can go only horizontally from right to left or left to right. That's the way it was built.

The only way we could help you with this is by doing custom work. If you're interested, we could make this simple adjustment for you. Just send us an email at [email protected]

 

hannekew

on 24/3/11

 

On http://www.onderhoud-automatische-deur... i used your great tool. However in internet explorer 9 there is a black spot after the third image and it is very slow in that section. In firefox and chrome it works fine. What can be wrong?

 

Corneliu Chitanu

on 25/3/11

Hi,

Thank you for downloading our component. We tried to fix the issues we think you had and made an update to the component.

Please download the component again and use the new SWF file. Let us know if the problems persist. We'll do anything to help and fix any problem the component might have.

 

hannekew

on 28/3/11

 

Great, thank you. It works perfect now.

 

Corneliu Chitanu

on 29/3/11

You're welcome. We're glad that it's working. Enjoy the slider!

 

Ninja82

on 19/10/11

 

Hi.

I have a problem with the component. The

                <a href=""> </a>
                

links do not work on IE7.

Can you help?

 

Corneliu Chitanu

on 20/10/11

Hi,

We just tested the component on IE7 and the links worked. Just clicked random images and the links opened. No problem found.

Maybe there's a security problem with your system and IE7 is not allowed to access the links. Or maybe your Flash Player installation has a problem. Try updating it. We can't really know what's going on, if we can't find the problem.

321

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.

Continuous Image Slider - change log

Update 14 May 2010

- now you can set the direction of the movement in the XML, by editing the direction parameter (right or left)

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