Horizontal Image Slide on Mouse Move

This is a minimalist horizontal slider - highly customizable - useful for displaying many images inside a small area on your website. You can use the gallery as a menu, or simply for displaying your content.

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 autoslide (until the user rolls over the component)

 

Andrei Potorac

on 28/11/09

 

David, sorry for the late reply. We though you've been answered directly. The issue is that you forgot to put the name on your MovieClip, in this case mcSlider.

Did you do any other changes to the file, because I see the mouseMovement doesn't work as in our file?

 

Andrei Potorac

on 28/11/09

 

sergetpco, I used your XML in the component, and it works flawlessly.

Note you didn't pass the correct path to the XML file in your example, because the character "/" breaks the javascript code, unless you use the "\" character, to consider it as a string. So your path should be this (only in the HTML, in XML it works):

                flashvars.xmlPath = "http:\/\/www.twikee.net/flabell/slider.xml";
                

 

Andrei Potorac

on 28/11/09

 

A good code editor should have pointed out this problem to you, as it colors the string differently if it isn't correctly passed.

For example, in this editor we use for code on Flabell, it will look something like this:

                flashvars.xmlPath = "http://www.twikee.net/flabell/slider.xml";
                

(THIS IS WRONG)

Compare it with the code line in the previous post and you can see the difference.

 

Andrei Neamtu

on 30/11/09

 

IMPORTANT SMALL UPDATE: the product has been fixed, so it can work in another flash project on any position on the stage.

 

Laurence Johnston

on 14/1/10

 

How can the hover opacity on the slider images be set to 0? Also I want to position the hover text to display at the top of the slider not the bottom. Is this possible? I tried changing the x/y in Fla and republish but that did not change it.

 

Andrei Potorac

on 15/1/10

Dear grafatik, I added the following items, for your convenience:

                
overAlpha = "100"
upAlpha = "30"
	
textYPosition = "245"
textXPosition = "10"

                

Please download the files again, and do let me know if you have other questions.

 

Laurence Johnston

on 15/1/10

thanks bobocel,

can the previous/next arrows be repositioned as well in the xml file?

 

Andrei Potorac

on 20/1/10

No, not yet. We're working on that.

 

Andrei Potorac

on 20/1/10

Now you can. Please download the file again, and check the new XML attributes. ;)

 

jhunt2004

on 19/1/10

 

I want to put this in my flash movie that i am working on and link to frame 100 when i click on one of the people. How do i go about that?

 

Andrei Potorac

on 20/1/10

First, please make sure you follow the video tutorial, which shows you how to add the component to your AS3 website.

After you did that successfully, you should edit some code that I will give you, after you answer me one question. Should the click on different images go to the same frame, or will each need to send the user to a different frame?

 

jhunt2004

on 20/1/10

each will need to send the user to a different frame?

 

Andrei Potorac

on 21/1/10

Ok. So, inside Slider.as there's the function releaseHandler.

Inside this function, you can add your code where this line is, which you need to comment:

                
URLNavigator.ChangePage(galleryArray[mcParent.index].link, galleryArray[mcParent.index].target);

                

I don't recommend you use frames to build your file, but set the movieclips to visible = true instead. So do something like this:

                
setVisibility(mcParent.index);

                

And in that function you set the current movie-clip to false, and the new movieclip to true.

When you want to get back to the component, you make it visible again.

 

Andrei Potorac

on 20/1/10

 

Update 02:

We added new functionality to the file, and we updated the structure to follow the new structure we're adding to all Flabell products. (Main.as replaced with Sample.as, new location for the class, new way of reading the variables)

 

Tom Radenz

on 10/2/10

 

Hello,

I was wondering if I can somehow add a sound effect over the images, i.e. onRollOver of an image it plays a little click sound that I would normally import into flash?

many thanks
tom

 

Andrei Potorac

on 10/2/10

This is not implemented, but yes, it could be doable. Do you have AS3 knowledge to add it yourself, or would you like us to look into this?

 

Tom Radenz

on 10/2/10

Hey, well im used to working with AS2 and usually do it with a function on each button/image such as:

                
on(rollOver) { 
    sound = new Sound() 
    sound.attachSound("sound1") 
    _root.sound.start() 
} 

                

so i would probably need a little help ;-)
thanks

 

Andrei Potorac

on 10/2/10

Ok. Please send me an email with your modified files, we'll add it directly for you (because we don't believe it's appropriate for this component). :-)

 

Tom Radenz

on 11/2/10

Heya,

Did you receive my files?

thx
tom

 

Andrei Potorac

on 11/2/10

Nope, where did you send it?

 

Tom Radenz

on 11/2/10

[email protected]

 

Andrei Potorac

on 11/2/10

That's the right email address. Please try again.

show all replies

 

Tom Radenz

on 11/2/10

 

okay, I just send it over...

can i also ask, would it be possible to change the xml so that the images are dark right from the beginning i.e when they load without the mouse being over the slider?

many thanks again
tom

 

Andrei Potorac

on 12/2/10

Received, thanks. Yes, but please make sure you have the latest version. Check my comment on 15/1/10.

 

Tyreke Hunt

on 22/2/10

 

would you please explain how to use this with lightbox

 

Andrei Potorac

on 23/2/10

Please use the sample embed code provided to put the swf in your lightbox. Make sure you read the pathToFiles article in our FAQ section, so you set the paths correctly. ;)

987654...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.

There is currently no current change log for this flash component.

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