ActionScript 3.0 :: Sliding Content With Next And Prev Button?
Sep 2, 2010
how to make a sliding content with a next and previous button in AS3? I know how to do it in AS1 but in this particular project I made use of Tweenlite, which requires AS3. Basically, I have a vertical movieclip navigation that toggles back and forth, and in each movieclip i want to insert a sliding image gallery with the next and previous button.It's similar to this onebut instead of having individual links, i just want to have a NEXT and PREVIOUS buttonIs it also possible to have links in each image? Anyway, in case I'm not making myself clear I attached a sample fla. and jpeg file of what I'd like to happen.[URL]
I'm trying to make vertical sliding content on my flash site and I have it working so that when I click on the second button, it slides up to the second content, but when I click back on the 1st, it doesn't slide back down to display the 1st content.
var currentPosition:Number = contentholder.richginfo._y; var startFlag:Boolean = false; menuSlide = function (input:MovieClip) {
i am using flash cs3 with as3. i want to slide content of uiloader with some percentage whenever i click slide button.i have a UILoader of size 1024*768 with scaleContent=false , and the mask of size 1024*768 set on uiloader. i have an image of size 2048*768 and i load this image to uiloader, now i have a two buttons on the screen one for slide left and other for slide right.i want to slide uiloader content by 256 pixel every time the button was clicked in particular direction(depends upon which button is clicked).
currently i am working on right button only. so ignore left sliding at this point.The problem is when i clicked button first time it works fine but when i clicked the same button second time the slide of image is disturbed and it first goes 256 pixels behind zero and then slides to 512 pixels (at third click again it starts from -256 and then come at the target position) . i want to slide the uiloader contents from 256 to 512 at the second click and so on.
I'd like to get the content sliding and then zooming in effect achieved here:I know that the the basic content slide works using the AS below.Any ideas on adapting this to get the effect achieved at Zebra? Or is a different approah needed?
I'm looking for tutorials that show how to create scrolling content in flash, but instead of an auto scroll, I would like to click and drag the content.Similar to the link below.
Could you please tell me how this photo animation effect is achieved - see the pictures that slide seamlessly to the left every say 3 seconds (the pictures just below the BIGSTOCKPHOTO logo).. Site- www.bigstockphoto.com
I have noted this effect being used in many other sites.. And none of them seem to employ flash for making this. Please let me know whether this is just JS or whether its purely a CSS based effect, and probably a place where i can read on how to make this.
I am building a long timeline (50-100 entries) dynamically from XML. An entry can have either text or image or both. They all have the same distance from each other but they have different widths. there will be a slider at the bottom to quickly bring the user from one end of the timeline to the other end.
It's an interface that's similar to the aiga design archives. [URL]
The main difficulty I see is to dynamically load content that is currently visible first and content that is 'offscreen' later (or even unloading it if it enhances performance, does it?) I could try to figure out the math... but I know from experience that I get major headaches from such undertakings...
The second difficult task will be to determine the width of all entries before displaying them.. Is there a way in as3 to find out how wide an image is before completely loading it? Hmm that sounds a little unrealistic, but I thought I'd ask anyway
I am looking for an as3 class or library that could assist me in building this, mainly detecting if an entry is visible or not, or even better which entries are visible or not. Has anyone seen any as3 libraries related to such an interface?
I have a sliding thumbnail gallery which when a thumbnail is clicked loads an external .png into a container with an instance name of mycontainer which I have on the stage in the .fla. Its added like such: When the Loader's (which I gave an instance name of imgLoader) complete event is called the function onLoaded loads it -like this: mycontainer.addChild(imgLoader);
I also added a mask(stageMask2) to mycontainer which is the same size as the external .png--I then used this code imgLoader.mask=stageMask2; to mask the .png. I did this because I added a zoommc function which enlarges the imgLoader and wanted to keep the visible size of the container the same. I would also like to be able to drag the zoomed image. I don't want to drag mycontainer as it contains the mask and I cant drag the imgLoader as it doesn't have that property--Do I need to put the imgLoader in another container?
Here's the problematic code: var stageMask2:Sprite = new Sprite(); stageMask2.graphics.beginFill(0x183045,0); stageMask2.graphics.drawRect(swfX,swfY,604,403); stageMask2.graphics.endFill(); var closeWin:TextField=new TextField(); [Code] .....
So that's the general idea, not quite an accordion, but similar. Basically, I'm going to have 25-30 of these boxes laid out vertically. They'll be narrow to begin with, and on roll over i want them to expand down a littlle, but when they do that, I want the ones below to slide down accordingly.
I've been able to add those buttons, but they only work if I don't click on a thumb, as I click on a thumb they stop working. In the code there is a function called loadGImage which loads the full size images, originally that function accepted 2 parameters, I've added a 3rd one which store the current image's index inside an array, so that I can use my buttons to call that function with index+1 for next and index-1 for prev.In addition to this I've added a variable which is updated everytime a full image is shown, that variable contains the image's index.
Clicking on thumb the buttons stop working because the current image's index turns to "undefined" so they can't pass a correct value to loadGImage.I've checked the code of the gallery, but I can't find where is said to the thumbs to call loadGImage, if I'd found that code I could add the index parameter and my buttons would work.I'm sure that the thumbs call loadGImage because I've put a trace() inside the function to see when it is activated.[URL]
Im trying to make a next and prev button for my thumbnails in my gallery using xml.Problem is that everytime I add a new entry into my xml I keeps making a new thumbnail and I only want 6 thumbnails loaded and when i click the next btn I want a new set of 6 thumbnails to appear same for the prev button.
Code: for (j=0; j<70; j++) { var links = thumbsss.attachMovie("pt"+String(j), "pth"+String(j), j); posX = xIni+ln*int(j%18)-70;
[Code]....
i'm trying to create next/previous buttons for externally loading movies. it works ok except a situation that when i load some movie first then i click the next button, it loads the same movie, when i clicked 2nd time it loads the next movie..
I have tryed to ad a next and prev. page buttom .I also want to have one function that you press your left key on your keyboard and you go to previous page.
But when the videos player is initiated, the first video is paused at the start, and a faded black screen overlays the video with a description of the content of the video.Also, there's a for loop that links each video of the array to a numbered button which also sits on the back screen along with the description, in case the user wants to view the second video not the first.Everything works perfectly fine as I want it, but I have next and previous buttons that are always there, so in case the user wants to go from one video to another, they can click next or prev.
I have been struggling with this for a week, and can't get it to work.I tried setting up a _global variable, but the prob is, the results of the XML array, gets stored in the for loop for the numbered buttons, and I don't know how I can get the next and prev buttons to know which video is playing and go through the index of the array to trigger the next or prev video.Here's the code that I have so far:
Code: var videolist:XML = new XML(); videolist.ignoreWhite = true;
I really dont get whats going on here in the code.... It looks fine and even trace the values that i need but it just does not work. In overall, i have an Empty MC which is populated with 8 thumb via a for loop each time i click the next button. When i press next it must go forward and show the next set of thumb of the xml file which have been loaded into a variable at very first.
The previous button works opnly when i am on the 2 nd set of thumbs but as soon as i am on the 3 or 4rth set then its a mess. the function does populate my array but does not show them... it says undefined
I am loading swf file on prev and next in my image gallery. its an xml driven gallery..its working fine.Now i want when i click on next and prev button it loads the swf but with different url.I came to know that it can be done by using deep linking.
I have a simple slideshow with images beside each other with a mask on top of them. I currently have it where I can click on the images and they will move with a switch/case statement. I'm puzzled on how I can do it so simple so I can use a next button so the images will be clickable for other reasons!
Here is my code: Code: Select all import flash.display.Sprite; import flash.display.StageAlign;
openMenu.addEventListener(MouseEvent.CLICK, openSubMenu); function openSubMenu(event:MouseEvent):void { this.openMenu.nextFrame(); } openMenu.closeMenu.addEventListener(MouseEvent.CLICK, closeSub); function closeSub(event:MouseEvent):void { this.openMenu.prevFrame(); } stop();
I've got the above code on my first frame, and was hoping that it would open a menu when a button was clicked, and once the button within the MC is clicked it would then close. Hence the nextFrame and prevFrame actions.
I keep getting TypeError: Error #1009: Cannot access a property or method of a null object reference.
I'm have made some buttons (movie clip) and when I click on it, I want a file (home.swf) to load in a loader (mx.contents.loader) and I want the other buttons to do the same, all load into the same loader. I have no Idea how to do that. The way I have it set up now, the home.swf will load over the entire screen and that is not what I want. I just want the content to load into the loader and have its content change once I click on the other buttons. Here is a copy and past of that I have at the moment, I'm using Flash 8 to do it all.
I'm trying to make a site with a photogallery that has sliding thumbs in the bottom corner ("slidingOut_mc"). I've got them sliding from right to left with a simple tween that is infinite. The problem is that I have a left arrow and right arrow that I want to slide the thumbs in reverse (left arrow i.e. "back_btn") or at double speed (right arrow i.e. "forward_btn") on a roll over of the button.I used the ENTER_FRAME thing to get the mc to reverse with prevFrame when rolling over the "back_btn" but I can't get it to stop when I roll out.
This is what I have so far...//////
back_btn.addEventListener(MouseEvent.ROLL_OVER, backF); function backF(event:MouseEvent):void{ slidingOut_mc.addEventListener(Event.ENTER_FRAME, everyFrame);
[code]...
That's the part that seems to work. I've tried to make a roll_out function in a few way but none work. I feel like I must need a removeEventListener event but I figure out the code with out being an error. Here was my best attempt at the roll out button.
back_btn.addEventListener(MouseEvent.ROLL_OUT, backOffF); function backOffF(event:MouseEvent):void { slidingOut_mc.removeEventListener(Event.ENTER_FRAM E, everyFrame);
I'm trying to develop a menu with slider, similar to the one on the kirupa tutorial section except I have set the slider bar to start off the page so you don't actually see it until you roll over the buttons, then it slides into place.. works perfectly. My question is: how do I make the sliding bar disappear after you roll off the button? Am I permitted to post the flash swf file for you to see what I am doing?
I am trying to make my websites backgrounds do this [URL] ignore the pop up that comes up.. I want the background to scroll whenever I click on a button and i have it all set up and it is still confusing cause i cant get it to work [URL]. How to get these buttons working right.
I have 6 buttons, and a thin bar.. I am doing an effect whereby when I click on the 6th button the bar will move and stop at the 6 button, and when I click on the 2nd button it will move and stop at the 2nd button.. but I cant stop the bar..
bar = slider button = btn_1 Each btn script: on (press) { slider.yMove = btn_1._y; }
How can I create a button to control the width of a certain picture by just sliding the button on a scale in Flash 8? (I've found the actionscript for the button in a sample file in Flash MX. It looks like this:
I am working with a downloaded component that moves separate panels horizontally with an ease. there are 4 panels and they are controlled by 4 buttons to make them move.The code for the panels is:
onClipEvent (load) { targetx = 46.0; delay = 8;[code]... T he code for each button is:
on (release) { menu.targetx = 46.0; }
The value changes with each button to move the panels.My question is the buttons are actually buttons and I want to make them into movie clips but when I do that and apply the same code it does not work. Can this only be done with "buttons"? I am trying to create a portfolio section that slides from panel to panel by thumbnails and left and right arrows.
I have a sliding photo galley with a previous and next button. I have added action script to tell the linked pictures to slide along and for the next button its fine (I took the script from a forum...as you do). I put stop commands on the key frames over the next picture, Now if I am on the 4th image and click previous, its goes all the way back to the start!
I'm trying to make a site with a photogallery that has sliding thumbs in the bottom corner ("slidingOut_mc"). I've got them sliding from right to left with a simple tween that is infinite. The problem is that I have a left arrow and right arrow that I want to slide the thumbs in reverse (left arrow i.e. "back_btn") or at double speed (right arrow i.e. "forward_btn") on a roll over of the button. I used the ENTER_FRAME thing to get the mc to reverse with prevFrame when rolling over the "back_btn" but I can't get it to stop when I roll out.
This is what I have so far... back_btn.addEventListener(MouseEvent.ROLL_OVER, backF); function backF(event:MouseEvent):void{ slidingOut_mc.addEventListener(Event.ENTER_FRAME, everyFrame); function everyFrame(event:Event):void{ slidingOut_mc.prevFrame(); [Code] .....
It tells me the "everyFrame" is an undefined property. I think and hope the problem should be obvious to those who know more than me. Do I need some sort of import at the very start of it all?
