Actionscript 3 :: Flash Image Zoom With Slider/scrollbar?
May 30, 2011
I am trying to add a scrollbar, or prefrably a slider, that zooms in on the specified image when I drag the scrollbar right, and decreases the size when I drag the scrollbar to the left.
Here is my code thus far,
AS3:
mc_img.mask = mc_oval;
mc_img.buttonMode = true;
[Code].....
so basically I would like to be able to zoom mc_img with a slider or scrollbar
What I have is a map that you can click on points and it will zoom in, you can also click on a "plus/minus" buttons to zoom in and out (I even have the mouse wheel zooming in and out). The client wanted me to add a "zoom slider bar" to it so you know you could move it up and down to scale it. Everything is working except the slider, I can't seem to get it to work with the position of the slider. All of the zoom functionality is there but the slider is killing me.
I am putting up the fla file since there is a lot of code in there and I didn't want to put it all in the forum. if you look in the fla in frame ten on line 726 you can find the function that is supposed to handle the zooming when you move the slider. Up on line 74 you can find the slider onPress and onRelease functions, but those I believe should be fine.
I have a zoom slider, code is in red. I have buttons on stage (site39_mc). The zoom slider can be moved manually, that works fine. I need for site39_mc to move slider to 100% scale, no matter where it is currently located. The zoom slider goes from 50% to 200%.Trying to use the code below I get an error._root.slide_mc.onClipEvent(load){ The error is asking for a field name after the "." I keep looking at it, and this is proper reference. URL...This is the site where I am trying to use this code. To see what I mean, click on a gold polygon on map. The map will snap to 100% and center on polygon. But the zoom slider stays at 75% til you manually move the slider.[code]
I have a zoom slider that works properly. Yahoo! Now I need to be able to control the slider from various buttons located on the stage. The zoom slider goes from 50% to 200%. When a button on the stage is clicked I need the slider to go to 100%. Here is some code...
I have a zoom slider, code is in red. I have buttons on stage (site39_mc). The zoom slider can be moved manually, that works fine. I need for site39_mc to move slider to 100% scale, no matter where it is currently located. The zoom slider goes from 50% to 200%.Trying to use the code below I get an error._root.slide_mc.onClipEvent(load){ The error is asking for a field name after the "." I keep looking at it, and this is proper reference. [URL]This is the site where I am trying to use this code. To see what I mean, click on a gold polygon on map. The map will snap to 100% and center on polygon. But the zoom slider stays at 75% til you manually move the slider.
Code: onClipEvent(load){ scrollMin = _root.range._x+_root.range._width // minimum _x value possiible for scrollbar scrollMax = _root.range._x // maximum _x value possiible for scrollbar
[code]....
Do I have to copy and paste all of the slider code into the frame where my btns are? _root.srchMC.dataMC.site1_btn.onPress...
I need to fairly quickly (I hope) replace a swf/JS/html/everything under the sun application with a simple one piece swf.Can someone help me with a simple scroll for dynamic text. I am thinking about using a slider but how can I do something like this? How can I get the slider to scroll the text?
I'm looking to zoom in on an image: Example: Picture of a church. Zoom in as far as possible on the church tower.Then it needs to slowly zoom out, so you have time to guess which church it could be. Example: Slowly zooms out, revealing more and more of the picture.
where I can get script for xml image loading flash similar to the one at [URL] Notice this is different from "flash carousel" and also has a scroll bar at bottom.
Okay, I will begin be mentioning I am pretty new to flash, however I have a decent amount with other programming languages like c++, c#, vb, pl/sql, coldfusion, and some others so I feel comfortable jumping right in.I do understand a lot of the basics in flash, but I am starting a project in as3 that I am having some issues with.(I would attach the fla, but it exceeds the file size limit with the png file attached)
I am using a flash template for my project. The link to flash template is this [URL]. There are categories of image slider like Object, Animals, I want to create more category than four fixed categories. There is also an xml file in it and actionscript file these two files implement image slider. How to increase categories for this slider though you can modify existing categories. I have populate the xml file but nothing happen.
Im currently designing a map with a drag and drop action as well as a zoom in and out with the mouse wheel, my problem is that when i drag and drop my image and then go to zoom in or out the image will automatically reposition itself back to the center, im wanting to be able to drag the image which is converted to a MC anywhere in my masked box then zoom in and out on that area that is shown is the masked box,
Currently I am building flash website. But I would like to have images presented using JQuery slider Galleria [URL] Basically, the web is built of the menu on the left. when clicking one of the items from the menu i would like the Jquery Slider show in the middle (over the flash, may be box 700x500).
I'm trying to use flashmo image slider with ASP.NET MVC3 but run into an issue with the XML configuration file for the Flash slider...the XML file uses a direct path to the photos I want to use..for instance:
What i want is: A slider that can be pulled by the user across an image to reveal a second one underneath. The same as this example, only I want a vertical scroll button not a horizontal. [URL]
I am very new to Flash and have been trying to figure this one out for myself. Sadly i can't. What i want is:A slider can be pulled by the user across an image to reveal a second one underneath. The same as this example, only I want a vertical scroll button not a horizontal
this is the code i got from a tutorial....here the images are loader and when the mouse is over each image the CAPTION is shown under the image in a text box. but what i need is...i want the CAPTION to appear when i click on the image(not on mouse over), but i cant find any mouseover event here as well.
i've created a vector-based map of Spain, and i'd like to be able to zoom into certain areas of it.the map is positioned behind a mask, so only a certain portion of it is visible.
i've also created nine buttons, each of which should reposition and scale the map according to a set of predetermined target parameters (manipuilating the _x, _y, _xscale, _yscale properties). i can get the map to pan to its new location so long as i don't zoom in (scale) as well. whenever i have to pan AND scale, the x,y coordinates end up grossly off-mark. do i need to first scale and then pan? or vice versa? anyone know of any tutorials on this topic?
I'm trying to achieve what i thought was a fairly simple effect in a slide show situation, but it's proving to be elusive. I would like to slowly zoom in on an image, giving the illusion of movement or animation. An example of what I'm trying to do is on this site's main slide show. [URL] This looks pretty simple and i suspect they are using the EaseIn transition, but when I try to use that, it brings the image in from nothing to full. I need to start from large size and then zoom in.
I have an image which I have converted to a movieclip. I have added a click event to it, and when clicked, I am trying to zoom into the image at the point it was clicked. I have tried following some code but ended up in a mess.
var scaleFactor:Number = 0.8; var minScale:Number = 0.25; var maxScale:Number = 2.0; men.addEventListener(MouseEvent.CLICK, menOver);
[Code]....
At the moment, it doesnt zoom in automatically (have to keep clicking). Also, it currently zooms out.
Really, the effect I am after is like a camera pan and zoom.
I have some script that loads an external image into the UILoader that also has a mask created based on loaded image width and height, which also centers on stage. That works great. On user click somewhere within the loaded image, the image then scales from that mouse position out. i.e.: if I click top left corner image scales from that point out, center, left, right... etc. using the tween. That works great.
On mouse move image then pans reverse to mouse position. i.e.: I move mouse left image pans right, move mouse up image pans down, top left corner image pans down bot right...etc. Also using tween. This is where it becomes tricky. The image does pan, however it does not pan completely to left, right, up, down, diagonally and so forth. once mouse reaches boarder of mask the image pan stops, unless mouse is way outside boarder.
Then that creates another problem where the image now pans so much that it goes past the boarder and almost out of sight. Ideally when mouse moves to masked boarder, panned image should be at its image boarder then stop. Constrained within the masked boarders.
Code: var myImagePanTween; function moveImageTween(e:TweenEvent = null):void { var CurrentMouseX=mouseX; var CurrentMouseY=mouseY; [Code] .....
I think there should be away to include a constraint within the Tween, as well calculate the image size so that when mouse reaches boarder the image should be panned to its width/height, up, down, corners ect.. within the mask. Make sense?