Rollover Button Behind Transparent Object?
Jan 31, 2011Getting this little button to properly highlight in it's "over" state when it is behind another object with transparency.[url]...
View 1 RepliesGetting this little button to properly highlight in it's "over" state when it is behind another object with transparency.[url]...
View 1 RepliesI have a flash object which dimension and position are as same as the HTML button. The button is under the flash object. I want when the flash is clicked and hovered, the button has the styles as if it is clicked and hovered at the same time. I am trying to call: ExternalInterface.call("mouseEventHandle", elementId, eventName); in flash to pass event to JS. And in JS(coffeescript): window.mouseEventHandle = (elementId, eventName) -> id = '#' + elementId switch event when "down" then console.log("down") when "up" then console.log("up") when "enter" then console.log("enter") else console.log("leave") # leave the function is responsible for styling the HTML button. The question is how to style the button under in JS? Or is there other way to achieve the goal?
View 1 RepliesI'm currently working on a flashsite and are trying to figure out rollover menu buttons. The site has 6 menu buttons and are placed next to each other. I want to put a rollover action on the buttons, that when you rollover a button that the whole button image enlarges and moves in front of the other.
View 1 RepliesI'm tring to create a roll over effect. I have 4 Pictures: Let's Say A B C D. If I roll over A I want the other picture to have a transparent light box on top so it looks like A is the main focus. So if you roll over A the other pictures will turn dark and A will keep its color. I can do this by making A a symbol and then putting a transparent png dark box on top of B C D. That works. What doesn't work is when I go back to the original time frame and make B a button also. When I add the roll over effect, it only does it for that. Let me show you in pictures.
<---- that is the original
<---- When I roll over A
<---- When I roll over B
The last two are made using two different flash files. I can't put them together in one. If I put them together and roll over on A, It comes out like this.
I have an array of thumbnails loaded on to my stage from an XML file. How can I create a rollover effect using as3 so when the user rolls over a thumbnail a transparent black box appears over it with a link in it?
View 13 RepliesI want to rollover a button and have it trigger the rollover state of another button. The buttons overlap. The one on top is transparent and smaller than the bottom button. So far I think I have the AS3 to handle the rollover of the top button, but I don't know how to trigger the other button's rollover state.
[Code]....
I'm using actionscript 1.0 and 2.0 on flash Pro 8 and keep getting an error when I test the movie. Here is the error:
[Code]...
I've tried to create this rollover navigation...starting over 6 times already. Is there different language / coding for 1.0 and 2.0? I don't understand what I'm doing wrong.
The animation/rollover works well but it still abruptly stops when I rollover another button. The link below is an example on what I want to accomplish.
View 1 RepliesI really need to make a transparent button, so it needs to just look like floating text but with button capabilities. But I was confused about a couple things: Initially I was using the "FPushButtonSymbol" but was unable to make it transparent, although I tried like this:
[Code]....
This left some shadow though So, I utlized a post from ezboard.com, which said to just make a square and then do Insert->Convert to Symbol and make it a button symbol. When I converted into a symbol, I also exported it for use with ActionScript. So I have been making instances of my new button (TermButt).... But can I still use generic button functionality like labeling, text fonts/colors, button size:
[Code]....
Is there a way to transparent an object background which is imported into Flash? I have imported an object but it has with blue background color. I want to make its background to transparent.
View 1 Replies[URL] Comes in handy with jpg and gif elements in html.
View 1 Replies have in my movie clip a png image with a Hole.
And I have another picture behind the png.
I've used this code to drag the picture:
Quote:
nave.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
nave.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
function mouseDownHandler(evt:MouseEvent):void{
[Code].....
It works well, but only if the picture is is Front of the PNG image.
I would like to find out, how can i make that only a selection is made a button, for example I have a picture (.PNG format) with a transparent background, and the image in the PNG is what i want to be a button, but when i convert the PNG to a button then even the transparent part becomes a button. how can I have only the pic as a button.
View 2 RepliesI have several objects that share a single mask. I can see all of them when wmode is set to window but i want the background image on the page to show through the flash and have designed the flash around that. However when I set the wmode to transparent some of the objects don't render at all even though others do and they share the same mask.
View 3 RepliesIs it possible to export a 9-slice scaled object as a transparent PNG? At the moment File > Export > Export Image > Transparent PNG will not output any 9-slice objects. This is quite a hassle, since I can't seem to get these objects transparently into Photoshop or Illustrator (both CS4) - what's the use of working with 9-slice objects if you can't export them flattened even to other applications? I use them extensively, but looks like I will have to convert them all the separate movieclips without this cool functionality, since it is more a pain than anything else once you need to use these graphics outside Flash CS4.
Am I missing something? "Work seamlessly between Adobe apps" is starting to sound more than a marketing/sales pitch than an actual reality. I have tried export these images as EPS/AI to open in Illustrator CS4 - they don't come out correctly at all / gradients messed up / errors on open. So, no more 9-slice scaling objects if I want to export to tranparent PNG from the IDE?
I'm having troubles getting the dimensions I'm looking for for a given display object. This display object has some transparent area to the top-left of the opaque content but to the bottom-right of 0,0. As such, the display object's reported width ONLY includes the opaque area, not the transparent area. For example:
Code:
var myChild:Sprite = new Sprite();
myChild.graphics.beginFill(0xff0000);
myChild.graphics.drawRect(100, 100, 100, 100);
myChild.graphics.endFill();
trace(myChild.width);
This reports 100 as the width and height. I need to somehow retrieve 200 as the width and height.
I'm trying to take a bitmapdata snapshot of the display object, but when I do new BitmapData(myChild.width, myChild.height) and then draw into it I don't get the full opaque content of myChild drawn because the dimensions are too small.
I'm trying to achieve something quite specific. I have a few transparent PNGs that will be dynamically generated and will be arbitrary shapes. I want these to form a sort of "hotspot" on mouseover, but I obviously don't want the mouseover to comprise the transparent bit - simplest analogy I can think of a is a single jigsaw puzzle piece.Is there any way to do this in AS3? Would I just load the PNG and flash automatically discards the transparent pixels?
If not the PNG, I can get the "jigsaw piece" in raw RGB pixel values as an XML doc. Could I maybe use the bitmap class to "populate" a bitmap using these raw values which I can then use as a movieclip with button enabled?
edit: from reading around elsewhere, a "map" analogy seems far more apt.
I have objects that the user can click&drag. They're PNGs, mainly rectangular, no problem till here.But I then had to put an L-shaped object (a PNG with a lot of transparency), so i've made a movieclip with an shape with the same L shape than the png, and use it as its hitArea:
shape.visible= false;
shape.mouseEnabled= false;
obj.addChild(shape);
obj.hitArea= shape;
This works PERFECT, the mouse events respond as expected, and I can click on objects that are below/above the transparent area of the png/object.All objects are inside a Sprite called playgroundLayer1. The issue comes when I take the L-shaped object and put it on another Sprite (playgroundLayer2), that is above the playgroundLayer1.I this case, I can click&drag on the L, but no object below the transparent area of the L receives mouse events.
I have rendered out a FLV with alpha enabled and using wmode options correctly, i am able to get my flash content embed on top of my pages, over the content.
1) I need the embedded flash content to have a close button, otherwise what i am seeing is a flash movie playing on without an option to close. Tried a button with on (release){getURL("java script:window.opener=self;self.close();");}
Is it that I have to place the FLV (alpha enabled) within a movieclip? and add a button there?
2) Also I need to start this content in the webpage using a mouse over over a button.
I have a HBox with no background, but with some children. Behind the HBox is a button which need to be clicked. The button is unclickable at the moment because the HBox is on top of it. I need the button to be clickable and still have the HBox on top of it
View 1 RepliesTake a look at the following sites; and notice their menus. Both have a rollover and rollout on their buttons, and when the button is hit the button stays down until another button is pressed. In the scissor sisters site, the neon bar still fades out after another has been pressed.
Franz Ferdinand
Scissor Sisters
I am trying to achieve this myself with my own site, which you can view in progess here:
My Site
I have mastered the button rollOver and rollOut effect, in which i gathered the code from a kirupa tutorial. My problem is, getting the neon bar to stay underneath teh last button that has been pressed.The main movie is located on the main timeline in frame 2, because frame 1 contains the pre loader.
The actions for frame 2 of the main timeline are:
Code:
stop();
movieLoader.loadMovie("news.swf");
total = movieLoader.getBytesTotal();
loads = movieLoader.getBytesLoaded();
[code]....
Now the buttons are not buttons, they are movieclips, which are located on the stage, and have instance names of b1 for news, b2 for biography etc etcInside the movieclip, the animation of the neon bar fading in takes 25 frames, and this has a stop action on the end.
This code is placed on the first frame:
Code:
stop();
news.onEnterFrame = function(){
if(rewind == true)
[code]....
So now my problem is to make sure that the last button clicked leaves the underline bar down until the next button is pressed.
I started working on a little page of mine, and I already ran into some trouble hehe. I'm kind of learning as I go along. Heres the script I'm having some trouble with:
ActionScript Code:
this.qmbacking.onRollOver = function() {
//tweens rolling in the menu
[code]......
I'm trying to make a menu with a rollover animation. Each menu item is an instance of one animated MovieClip.
I have a roll over function for each instance:
[Code].....
how can i pass the instance name to the function and apply some action?
I imported a image file and made it into a button. So in flash8, is there any way to add an actionscript or anything to make the image transparent when I mouseover the button?
View 1 RepliesI'm making a graphic button for a news app that allows the user to click on a headline.The button is composed of font and a rectangular shape in the back of the text. I want the text to be 100% transparent, and create the effect that you can see in the titles of this movie poster:
[URL]
does anyone know how to do this? doing it the way you would think...which is just to make the text 100% transparant doesnt work because the the background shape of the button (about 65% transparent) is in the way.
I really need to make a transparent button, so it needs to just look like floating text but with button capabilities. But I was confused about a couple things: Initially I was using the "FPushButtonSymbol" but was unable to make it transparent, although I tried like this:
[Code]...
This left some shadow though So, I utlized a post from [URL], which said to just make a square and then do Insert->Convert to Symbol and make it a button symbol. When I converted into a symbol, I also exported it for use with ActionScript. So I have been making instances of my new button (TermButt).... But can I still use generic button functionality like labeling, text fonts/colors, button size:
[Code]...
I'm trying to make a button symbol with a transparent hit area - surounded but a dynamically drawn border. Heres what I have. I have a simple AS script that uses goTo and lineTo (plus a randomizer to make sure the buttons are skewed and differnt everytime) to create a "sketchy box" as my button. My script resides in a movie clip withing the "over" state of a button symbol. Now the active hit area is ONLY the line elements. Question : How in the world, using only actionscript an I make a second, transparent area inside of the sketchy lines to make the whole button symble clickable?
View 5 RepliesI have some vector silverware, and I'd like each piece to shift and move when you pass the mouse over them. I'm familar with AS 2.0, but not sure what to search for, for this type of effect.
View 1 RepliesI want to have a few menu buttons on my web page (home, about, contact etc.) and above them a bar (we'll call it 'grey bar' to make it a little easier to understand). When you roll over one of the buttons I want a small 'orange bar' to run along the 'grey bar' and stay over the button that you are hovering over. Then if you choose to rollout of the button the 'orange bar' will return to the page destination button that you're on. For example, if you are on the homepage the 'orange bar' begins over the 'home' button, then if you rollover 'about us' the 'orange bar' moves along the grey bar horizonatally to stay above 'about us', if you rollout it returns to 'home'.
Sorry if this isn't making much sense, i've attached the flash file so you can see what i am working with. I am just looking for a tutorial or some actionscript that will make it work. It's driving me crazy, I don't know if i should be looking to use a startDrag function (but i don't think you can use this with a rollover function) or a way to get the bar to follow the mouse.
I imported a video into flash and have a transparent photoshop layer to create an iPod skin. The video works fine, but I cannot get the "stage" to be transparent so that you do not see the flash background color behind the iPod skin.
I've read in the forums and have followed the instructions here from Adobe. If you look at my code, I have
[Code]...