ActionScript 3.0 :: Creating Featured Content Sliders?
May 20, 2009
how to develop a featured content slider. The following web sites are examples of what I'd like to create:
[URL]
the following behaviors are desired - using nothing but pure ActionScript 3.0 and Flash CS3. I realize some of these use jQuery or JW Image Rotator - we are not looking to do that.Preloader for each slideAuto play for each slide with fade transitions to the next slide. Markers (highlighted) indicating which slide is currently playingNavigation (back, forward and the ability to select each marker)Display corresponding HTML content underneath the graphic [URL].
I am trying to build a flash file that has 4 tabs/buttons. Rolling over a tab, shows the featured content/image for that tab. The website this is for has 5 different language sites (subdirectories) so:
1 - the featured content/image needs to be translated and
2 - one of the language sites need a different tab#3 content piece.
I've tried setting this up several different ways. 1st way: dynamic text fields with the translated text in the AS code... It was getting very confusing between showing content with images, translated text... lots of code for what seams like it should be simple.
I thought an easier way might be to just have a tabs_mc and an images_mc. Within both of those movie clips would be labeled frames for each language. I'm using a 'site' variable to tell each movie clip which frame to go to. Everything works great for the intial English version, but when I get to the "Spanish" version which needs to have a different tab3 content/image, I get TypeError: Error # 1009:and everything works up to tab3... tab 3 and tab 4 do not work, no alpha change or image_mc change.
I think I have something messed up with the event listeners... maybe switching to a different frame within a movieclip, makes the event listeners not work? But no clue how to fix it.
I created an ajax jQuery featured content slider that will automatically navigate through each tab. Each tab has some basic html. The one I used is this one: [URL]. For some reason, when I embed a flash video in it, the flash video overflows the div. It looks fine in Chrome and Safari but not the latest version of Firefox (3.6) on the PC. Is it not handling overflow or z-indexes correctly?
I like to learn to create this effect [Url]...When you mouseover the Featured Work, it expands and when mouseout it collapse. It is on the left side of the stage under the heading FEATURED WORK.
I know the Post Title is not much explicative but I didn't know how to summarize my problem. Here it is in full version: I'm making a card game, and I have all the vectorial graphics for the cards. I have a class named Deck and one named Card. When I create a new Deck I have this constructor
i'm developing a website for my client. Here is the test version [URL] will look like this:[URL]There will be a menu created dynamically from a XML file, after clicking a menu button a MovieClip with a photo and category description will show up.After clicking the button "View more" the MovieClip with description will be removed and MovieClips with category products will show up through a for-loop on XML products nodes from this category.
I can create the navigation menu, and maybe i will manage to create first MovieClip with the category photo and description but i don't have how to create those next MovieClips with products desciption after clicking the button "View more".
I am creating a web site that will use XML to load content - a sort of video gallery.I plan to make scrolling movie clip for navigation containing instances of the single clip - "movie", which contains thumbnail, title and link, and I plan to use duplicateMovieClip to create as many MCs in navigation as needed.
But I have the following problem:I made a single MC - "movie" that takes the title, description and link from XML.I take the lenght of the XML nodes and duplicate the movie clip through the following code, where the variable j is the required number of MCs:
dist = 100; //distance of the new MC _global.k = 0; for (i=0; i<=j-1; i++) {
[code]....
Every of the movies get the same value of the k.Is there a way to pass the exact value to each of the MCs?
I'm developing a website for my client. Here is the test version [URL]. The page Partnerzy (Partners) will look like this: [URL]. There will be a menu created dynamically from a XML file, after clicking a menu button a MovieClip with a photo and category description will show up. After clicking the button "View more" the MovieClip with description will be removed and MovieClips with category products will show up through a for-loop on XML products nodes from this category.
The XML will look like this: Code: <category name="torty" url="torty.jpg" description="Category description"> <item name="Tiramisu" make="Balconi" url="tiramisu.jpg"><![CDATA[Product description...]]></item> <item name="Cake" make="Balconi" url="cake.jpg"><![CDATA[Product description...]]></item> [Code] .....
I can create the navigation menu, and maybe i will manage to create first MovieClip with the category photo and description but I don't have any idea how to create those next MovieClips with products desciption after clicking the button "View more".
I have to create dynamic content based on content uploaded to site and I need to know best tools for this.In a nutshell. User uploads images. Images embeded into existing video and animated. New video produced for download So far I have looked at Flash Media Server, Flex etc but not sure what the best tool is for the server side production of content. I know I can produce the custom MXML and AS files based on content uploaded and using the Flex SDK I can render these into a SWF. What I don't know is if There are limiatations to this in the context of what I want to achieve For instance can a product like Flash Media Server do something similar.Transcoding is also required hence the interest in FMS.
The website has 5 main-menu items called : Home / Speellijst / Van toen tot nu / media / contact / . a preview of the project can be visited here : [URL]
So when someone clicks "Van toen tot nu" (= an item about her past theatre plays), it displays a new menu that holds chronological buttons. Once someone cliks one of those, an extra element should show that displays info.
So in the element holding all the buttons on frame one AS says:
robbieknop.addEventListener(MouseEvent.CLICK,robtx t); function robtxt(event:MouseEvent):void { root.toenclip.gotoAndPlay(2); }
EXTA INFO: * the 1st button has the instance name : 'robbieknop'
* a clip that holds the info on each frame seperatly has the name : 'toenclip'
* 'toenclip' has an empty 1st frame, the 2nd holds the info that should display while pushing the instance 'robbieknop'
* 'toenclip' is present on stage when 'van Toen tot nu' has been loaded, it is invisible (empty frame)
So far I can't get it to work, I don't get any error messages and everything else displays 'according to plan'
I've been doing Flash for couple of months and I love it. I can easily use a rectangle tool to draw a rectangle and do shape/motion tweening within seconds.
Lots of people are talking about HTML5 vs Flash nowadays and I took a look on HTML5 Canvas today. To my surprised, I see whole bunch of "code". It's so complicated, they need to make a lot of calls (fill, stroke, moveto, closepath etc...) to make a simple shape. And even dozens lines of code mixing with javascript to do a simple movement???
Am I missing something? It'll make animation 10x more complicated with HTML5 Canvas than Flash.
My interest is in creating a row buttons that are dynamically generated and placed as determined by xml content (number of buttons that is). The buttons are multiple instances of the same clip (attached) that contain textfields which display numbers (ie. 01, 02, ...20). The number of buttons generated shall be capped to a max of 20. I have parts of it figured out and need help with others. The generation of the clips are handled by the following loop...
I've been trying to create a volume slider for about two hours now and it just doesn't work. I followed Ilyas' slider tute and Kirupa's volume control tute both to the letter and now no sound loads, the slider doesn't control anything and it sticks to the mouse when you let go i.e. it still drags left and right across the slider after you release the mouse button.I can't show you my code unfortunately as I just got really angry and wiped it.Could someone please either show me exactly how to load a sound and control it's volume in one tute (Kirupa uses a different method from the "load sounds using AS" tute to load his sound in the volume tute but he doesn't explain it. I don't want his source .fla+mp3.) or make me a .fla that loads a sound called "music" (linkage name) and controls it's volume.
I've created a slider control (using the excellent tute on kirupa) and am using two instances of it on my stage. I also have a lock that sets the variable locked to true or false. What I want to do is if locked == true have both sliders move simultaneously to the same values if either one of them is dragged...
I'm going to have the user choose how many robots he wants to generate. These robots are their own little movie clips, and they work on input variables like "speed" "path" "bump" etc. I want these variables to be controled by a bunch of sliders.
When someone clicks on a robot, I want that robot's control panel to come up, and show the settings for that robot. Then if I click a different one, I want it's own control panel to come up, with that robot's settings.
So, I'm wondering how to get these control panel MCs to retain their settings. Should I just use a bunch of _visible = true/false statements? How is this typically done?
I have 4 Sliders that I want to represent 100% of a total Number; Say the number is 100 and you start all the sliders off at 25. Each Slider has a Min of 0 and a Max of 100, to represent 0 to 100 percent of the Total number.So if one slider is all the way to 100% the rest of the 3 are at 0%;
Example: All Sliders are set to 25, and you slide the top slider to the right (increasing) say to 40%; The Sliders should say 40%, 20%,20%, and 20% since it would decrease the rest of the sliders accordingly, so they all add up to 100%;.
I'm trying to make 3 sliders that, depending on each other, changes the value of a text-box. Example: If Slider A moves to 150, the value in the text-box changes to 150. If you then move Slider B to 40, the value in the text-box changes to (150+40) 190. Same thing for Slider C. So basically I want the value of what you select in each Slider to be added together in real time like this: [URL]. Only this shows just one slider, and I want three, added together.
I have spent 2 1/2 days now looking for a way to make a movie of 16 pictures where the progress of the movie can be controlled by a slider. This is either not a very common use of flash, or a very advanced project to take on. I know nothing of action script, and am trying to learn how to make this happen. I have been able to do this with buttons to go forward and back a frame when pushed, but I can't get the slider component to corelate with frames.
I have three sliders and they are generating numbers. What I am trying to do is, liderOne.value is divided by sliderTwo.value. And that gives me a number named density... Everything is okay for now...ActionScript Code:var density:Number = sliderOne.value / sliderTwo.value ;But I want the third slider to change the alue density by itself. I mean, in the purpose of doing that, I tried;ActionScript Code:sliderThree.value = density;but by this way, sliderThree is showing me the values of density. Everytime I change the values of sliderOne or sliderTwo, sliderThree is changed as density changes. But when I test the movie and try to change the sliderThree , it was like a big rock and not even moving
My question is how possible creating streamable audio files /mp3/flv/ from multiple input files. The server is vps linux without soundcard, installed flash media server 3.5. My task is creating mixed mp3 output file.The input files are 2 mp3 file = 2 channel, uploaded to a server by the user.Controls: volume pitch, equalizer, fading that is controlled from client side flash appThe problem it should be in real time, when the user control the volume pitcher channels etc could be heard the result in the client's flash player on client side.For that purpose I tried to split the audio files into 1 sec pieces, and changing the splits only, and when done joining them together.
Feeding them to flash media server there was more problem:-the server streamed not the actual file but probably from cache -the streaming was always stopped after 1-2 seconds - using client side dynamic streaming /without joining the files / only the last file was played - using server side playlist playing more files was not played all the files So the question which way possible creating streamable files, or is there a better solution than splitting them.
I used to use flash years ago, and have only recently come back to it in my course in university so im very rusty.
What i am looking to do is in flash create two sliders where the user can slide along to their shoe size, and their weight, so that as they do that, the numbers in two other boxes will periodically change to help indicate what size snowboard they need to get.
eg. as user makes shoe size slider go along to larger sizes, at certain points the number in a box labelled board width will increase.
also as an added touch I would like a character to actually increase in size as the slider is used, I'd imagine for this I would need to have a movieclip of the character getting bigger and allow the slider to progress through the frames of this movieclip.
So i am working on a widget and I cant seem to get the volume and balance sliders to work right. Can someone take a look at my code and see if you know what going wrong. The web address of the widget is [URL] . The only slider that works is the first one for now. Till i figure out why this one wont work. and the action script is below.
I'm creating a group of sliders that control the opacity of several MCs in the .fla file. Right now they move straight up or down, along the y axis. However, I would like to be able to customize the angle that each moves at (e.g., tilt slider01 45 degrees, slider 02 50 degrees, etc.).
I'm assuming that I would have to create a custom math class to do this, but I have no idea what logic to go off.
I can't figure out how to create dynamic sliders like the ones in the attached.
For the sliders there are 100 points available. The three sliders can only have 100 points between them. For example, if slider 1 has 50 points. Slider 2 and 3 would only have 25 points between them.
I have an Image which should be color changed by sum kind of sliders.I tried several things (like quasimondos or gskinners stuff) but these demos are to heavy for me needs.
I want to be able to have a slider that loads movies. I am a newbie to Flash MX 2004 but I am a quick learn and have a very technical background in mathematics.
I am looking for sliders that let you adjust an MC (or graphic) through the interior hue specturm as well as another slider that will adjust tint level (brightness.)
I am writing a little app, and have buttons and sliders on one frame 1 of the stage, and then a help screen on frame 2 of the stage. I have some event listeners attached to the objects of the first frame. When I move to the second frame, and then go back to the first frame, all the event listeners have gone out of scope, and no longer work. (at least that is what I think is happening). I think the best way would be to add something like add Event.ADDED_TO_STAGE listeners to each object, and have the listener function add the event listeners that I want for each item.
So I would have: public function Document(){ super(); iSlider.addEventListener(Event.ADDED_TO_STAGE, added); iSlider.removeEventListener(Event.REMOVED_FROM_STAGE, removed); myButton.addEventListener(Event.ADDED_TO_STAGE, buttonAdded); myButton.addEventListener(Event.REMOVED_FROM_STAGE, buttonRemoved); } In each of the listeners, I would add / remove the listeners that actually respond to the button / slider.
