Flash :: Buttons And Images

BUTTONS & IMAGES
Hey

hope you guys and girls can help again! i am trying to create...and not getting very far!

ok, i have imported a gif image into flash, i want the image as a small icon which you would then 'hover' over and the image would cover the page.... to do this the image is a 'button'...have i doen this right so far?
problem...the image quality is CRAP when you hover over the smaller image, the original file sizes and resolution of the images are really high....when i try doing this with a jpeg or a tiff on the .swf file where the images are supposed to be....its blocks of bright colours....!

am i going mad...should i give up now!

Using Images And Buttons
Hi,

Im not sure how to do this, basically I want a button once clicked to be replaced by a picture, if that makes sense, so if there was a blank square, once that blank square is clicked, it reveals a picture, without appearing like a new image has appeared instead..

I have the image file in my library
and I have the squares which I have converted into buttons,

but in the code how do I specify that upon selecting a particular button, a particular picture appears?

if I go about it by saying for example:

on (release) {

if x != true && y != true) {

SetProperty ()

if (turn == "x") {

x= true
}

else {

y = true
}

how do I ensure that if x=true then an image of x will be shown, and if y=true then an image of y is shown.

sorry if this is basic :/ im trying to follow a book, but its not helping much

When Buttons And Images Go Bad
here's the page ref:

http://home.comcast.net/~jwjwjw/lyrics.htm

here's the issue:
if you roll over on "the only god or kiss and tell" the images come in fine from the rollovers, but when you roll over "all the money in the world" the img is blurry.  WHY!!!

what's wierd, is all the images are the exact same size (600x450) and when i'm in the "all the money.." text and on the OVER frame and drag the img to the stage, it comes in larger than the stage and blurry.  but still says it's the correct size in properties.

if i drag the img to the stage in the scene field it looks fine and publishes fine.  but then it's not part of a button.

i've thought of doing the layout in dreamweaver with frames, but have heard nightmares about that. and cant figure out why only two of the buttons keep the image focused and all others dont.

hope this made sense.

Why Are My Buttons Just Images?
iv done the down, over hit frame designs and specified on release to jump to a url.
i go to scene and drag the button from the library onto the scene page,
i export the movie as flash and also tried publish, but i just find the original still image and mouse events have no effect.
i go back to button, edit and check the 4 down, over frames have my new designs still there, and yeh they are.
so i dont know what im doing wrong.
i cant find any info in any tutorials on why its being like this,
i know iv probably missed something obvious.
so.. its your turn now, please enlighten me¬!

Using Transparent Buttons On Top Of Images.
hey all. heres a problem that maybe somebody can help me out with :

on my main stage, i have two layers: one layer is a an imported quicktime file, and another layer is a still image. the image in on top of the movie. what i want to do is this:

when the file starts, i want the image to be completely transparent (thus, you can see the movie playing underneath it). then, when you mouseover the image, i want that small section of the image to appear. thus, as your mouse moves around the image, it appears in those areas where your moust moves across it. im sure this has something to do with creating a bunch of transparent square buttons and overlaying them on top of the image, as well as using masks in a creative way. however, i cannot think of the exact actionscript to implement this idea. can anybody please help me out? thanks so much.

peace
john

Buttons Linking To Images
i have 15 buttons. that i want to link to 15 images. the images are named like picture0.jpg picture1.jpg picture2.jpg all the way up to picture14.jpg.

i want when a user clicks one of the 15 buttons the image above loads. say he choose button 5, picture4.jpg would show above.

any ideas how to go about this?
Any help, script, fla appreciated.

oliver

Buttons To Change Images
What I want to do is have some buttons down the left side (4) and when they are clicked the picture on the right changes. I tried but am doing something wrong.

Buttons, Links, Images Etc.
I'm working on a flash website. I first was trying to make little submenus, but they weren't working. What I've discovered is flash doesn't let you have a button within a button. I started off by making a single button that I had made do all of the color changes and general visual part of the button and then I used a bunch of copies of that for all the different buttons on the menu and made them all buttons of their own that I put the actionscript on to make them go to the correct pages. I started out making submenues off of those buttons, but I got frsturated by that not working so I decided not to use them. But one of my problems here is that when I say test movie the buttons don't go to the pages they are programmed to go to. They do change colors and stuff. So the button within is working, but the more important one isn't. Obviously a solution to this would be to make it all one button that does the visual part and the actual changing of pages, but I'm wondering if there is an easier way to do it. Something to note is that when I just select "Enable Simple Buttons" they work, and they go to the pages and change color.
My other issue is that I've got a lot of pictures I would like to have on this site and I realized it would make the end file size pretty big just putting them all in there, so I was wondering if there is a way I can make flash link to images that are hosted on the internet and display them regularly within the page like they aren't. Or, if each page could load individually that would be nice, instead of the whole thing loading at the beginning. If anyone can help me with any of this that would be much appreciated.

MOVING IMAGES With Buttons
Hi.. I'm sure this question has probly been answered before but I was wondering how to make an image move to the left or to the right with a click of a button... for example if there was one long HORIZONTAL image... how could I make it so that once I clik a button the image will scroll from one side to the other...
IF ANYONE COULD HELP ME WITH THIS I WOULD GREATLY APPRECIATE IT.

P.S: I know how to do this with Tweens.. I was wondering how to do it with actionscripting

I am going to be using this effect for the "ALBUMS" part of this website
COLD4LIFE RECORDS

Photohop Images In Buttons
Hello there
Can anyone help me with the following:
I want to create a button that consists of a Photoshop Image of a Circle that changes to another Photoshop Image of a Circle when the mouse hovers over it.

The image would obviously have white edges/background in Photoshop so how would I make the white transparent when it gets imported into Flash?

Thanks in advance.

Images Into Frame With Buttons
I wanted to have 10 or so buttons and by clicking each button It would bring up
a different picture from the library (Or a folder on my pc) onto the movie.

But I would like this to be done with one frame (If Possible)
Sort of like a dress up game but adding the pics with buttons instead of dragging them around.

I have tried different codes but nothing works

Anyone know how I can do this ?
Thanks

[F8] Buttons Interactiong With Images.
I got this site.
My problem is that i don't really know how to make the main images change when a user goes over the buttons. So it's like ... you put the mouse over Home and it changes the main image to a sandwich. you put the mouse over Our Company and it changes to a lettuce or something like that.
Any ideas?
Thanks in advance
P.S.: I have absolutely NO clue about actionscript but i have quite a lot of experience from other programming languages.

Targeting Images With Buttons
I'm going to dumb this down to the absolute lowest common denominator as I've tried to get help with this on another forum and spent the entire time just explaining what I mean. lol. Here goes:

For the sake of argument lets say we're working with:

Buttons: A, B, & C
SubButtons: a.1, a.2, & a.3
Images: 0, 1, 2, & 3
Overlay Image: 0.1, 0.2, & 03

A brief description of each of the above:
Buttons are going to be just that, a button with simple rollover that upon clicking will change a target image.
SubButtons are just another set of buttons.
Images are the target image that should change.
Overlay Images are images that will load "on-top" of the Images to change their appearance slightly. Example; decals on a car.

Alright, what I'm looking to do is have buttons A, B, & C below target image 0. If you clicked Button A, target Image 0 would change to Image 1. If you click Button B, Image 2 would load in the same target area above, replacing Image 1. Now at the same time I'd like to incorporate a set of "SubButtons" that upon clicking wouldn't change the main target image, just throw up a new image above the target image to change it's appearance ever so slightly. Say for example I click Button A again which loads Image 1. I click SubButton a.1 and some green stripes overlay ontop of Image 1. If the user clicks Button 2, the green stripes stay there, just the target image below changes.

I have some flash experience but it's been a while since I've used the program. I just picked up a student edition of CS3 and the interface is completely different from what I'm used to. Any guidance you guys could give would be greatly appreciated! Thanks in advance, hopefully you can help me.

[CS3] Help Making (PNG) Images Into Buttons.
Hi all, I am very new to using flash and I'd like to use some icons (PNG) I have to insert into my flash in the form of buttons.

Could anyone point me in the direction of an understandable tutorial or perhaps give me some help?

I've imported the graphic and then converted into a button, I have then assigned the over/hit etc properties and then i go to add the actual actionscript and it tells me 'actionscript cannot be added to this'.

I know I am abviously missing something so any advice would be appreciated.

Many thanks

Sliilvia

Using Loaded Images As Buttons
hey,
i'm dynamically loaded a number of images from an xml file. i want to use these images as buttons but the code doesn't work.

Code:
for(var u = 0; u < imageLength; u++){
var thumbImages:String = "thumbImages" + u;
this.createEmptyMovieClip(thumbImages, this.getNextHighestDepth());

this[thumbImages]._x = 0 + (80 * u);
this[thumbImages]._y = 100;

var thumbURL = _root.portfolioXML.firstChild.childNodes[r].childNodes[2].childNodes[u].firstChild.nodeValue;

trace(this[thumbImages]._x);
loadMovie(thumbURL, thumbImages)

this[thumbImages].onRelease = function(){
trace("test");
}
}
does using a string variable instead of the intance name prevent this from working. any ideas

thanks

adam

Help Making (PNG) Images Into Buttons.
Hi all, I am very new to using flash and I'd like to use some icons (PNG) I have to insert into my flash in the form of buttons.

Could anyone point me in the direction of an understandable tutorial or perhaps give me some help?

I've imported the graphic and then converted into a button, I have then assigned the over/hit etc properties and then i go to add the actual actionscript and it tells me 'actionscript cannot be added to this'.

I know I am abviously missing something so any advice would be appreciated.

Many thanks

Sliilvia

Images And Buttons Disappeared
Was building a slide show and had buttons on stage with the larger image in the middle. It was working fine then all the images and buttons disappeared. They are there but it looks like the alpha is "0". When I try to add another image to convert to a button or to the slide show it is there but not there.

Swaping Images For Buttons
what is the action script code, and what else is needed, to make my buttons change color (indeed image) on rollover?

I have got this from the manual:

366ActionScript classesonRollOut (Button.onRollOut handler)onRollOut = function() {}Invoked when the pointer moves outside a button area. You must define a function that executes when the event handler is invoked.Availability: ActionScript 1.0; Flash Player 6ExampleIn the following example, a function that sends a trace() statement to the Output panel is defined for the onRollOut handler: my_btn.onRollOut = function () {trace ("onRollOut called");};onRollOver (Button.onRollOver handler)onRollOver = function() {}Invoked when the pointer moves over a button area. You must define a function that executes when the event handler is invoked.Availability: ActionScript 1.0; Flash Player 6ExampleIn the following example, a function that sends a trace() statement to the Output panel is defined for the onRollOver handler: my_btn.onRollOver = function () {trace ("onRollOver called");};

how do I hanlde the trace() statement??

Thanks,

Dario

Glowing Images And Buttons
im sorry... im very new at using the program... i've noticed there are sites that have images and buttons that glow when the cursor moves over them...

Layering Images Over Mx Buttons...
For my first question I sure hope I'm able to get help I also in hopes you understand the question.

Ok there are a couple challenging parts to this:

I'm Designing an application(all the back end stuff complete) I'm now working on the interface with three navigation menu buttons (let say tab1 tab2 tab 3), I want to be able to do simple mouseover and onrelease events. clicking tab 1 would present the objects of tab 1 e.t.c...simple enough right..? also
I need resources/tutorials to hover effecst to change the color of the buttons on mouseover.
(its so easy to do in js/html)

Here's where things got tricky, this app is fully functional using mx.controls.Button; is there a way to layer an image over that maybe to have all its funtionality?

here goes an image to get a visual of the effect im trying to get
http://www.anobleworld.com/frontend/...ckground_n.png

Using Xml Loaded Images As Buttons
I am new to actionscript.
i know this has been hashed over in various forms before but i have honestly been working at this for over a week. I got a script from Kirupa on loading images for photogallery with xml, but I do not want to use "next" and "previous" buttons but want to use the images themselves as buttons to load the larger images, prefferably on rollover. Right now i have the thumbnails loaded but can only give them on event handlers as a group not individually. i will post the fla I could be way off with the way I am approaching this, i don't know. thanks for your patience and help! I can also post a link for an example website that I am trying to create.

Disappearing Buttons And Images
This one has me stumped, I've got two arrows (right and left) in a movie clip on the scene. They are hidden when the page first opens, and I have them appearing when clicking on the menu. After appearing, they stay a few seconds and then disappear. I've got a stop command in the movie clip.
For my images, those are in another file and dropped into a blank movie clip to load. When you rollover the submenu they appear but after a few seconds they dissappear like the arrows. I have stop commands in that seperate file under each scene and a stop command in the blank movie clip.
Help!!!
Thanks!

[flash 8] Help To Add Images To This Buttons
Hello,

Got this resource on www.levitaded.net and was wondering if it´s possible that instead of word, to make images appear and float and on rollover to change oppacity. If so, how to do it?
Thanks

Glowing Images And Buttons
im sorry... im very new at using the program... i've noticed there are sites that have images and buttons that glow when the cursor moves over them...

Scrolling Images As Buttons
I found this tutorial on how to create a scrolling image bar.
http://www.flashadvisor.com/tutorial...X_2004-21.html

What I'm having trouble with is how to take each image and make it a button to another page in the site. It's part of a portfolio and each thumbnail goes to the full view. Anyone have any insight?

Thanks

Images Jpgs In Buttons
here's the page ref:

http://home.comcast.net/~jwjwjw/lyrics.htm

here's the issue:
if you roll over on "the only god or kiss and tell" the images come in fine from the rollovers, but when you roll over "all the money in the world" the img is blurry.  WHY!!!

what's wierd, is all the images are the exact same size (600x450) and when i'm in the "all the money.." text and on the OVER frame and drag the img to the stage, it comes in larger than the stage and blurry.  but still says it's the correct size in properties.

if i drag the img to the stage in the scene field it looks fine and publishes fine.  but then it's not part of a button.

i've thought of doing the layout in dreamweaver with frames, but have heard nightmares about that. and cant figure out why only two of the buttons keep the image focused and all others dont.

hope this made sense.

Masking JPG Images Within Buttons?
I'm creating buttons that contain masked screenshot JPGs (dark b/w versions in the OFF position that lite up in the ON position). Everything works fine when I'm editing the button, and when I test the button on the Stage inside Flash MX. But when I export the .SWF, the mask doesn't work -- I get the entire JPG stretching across where it shouldn't.

I know this is a little obtuse, but has anyone else seen this before? Is there a way to fix it (other than tearing apart the buttons and figuring out a way to rebuild them that doesn't use masks)?

Thanks!

Rollover Buttons With Images
Hey all,

I have a UILoader loading an image, and I'm making that into a button. I've added a addEventListener so that when you click it fires an event

The event tries to redraw the button with a new image.. so far ZERO luck.
Code:

private var dataLoader:UILoader = new UILoader;
dataLoader.source = "assets/off-tab.png";
dataLoader.mouseEnabled = true;
dataLoader.height = 23;
dataLoader.width = 121;
dataLoader.addEventListener(MouseEvent.MOUSE_DOWN, clickMe);

private function clickMe(evt:MouseEvent):void{

      evt.target.source = "assets/on-tab.png";

   }

This is the error I get:

Error #1056: Cannot create property source on flash.display.Loader.

Thoughts? TIA

C

Toggle Buttons - How To Change Images
Hi Everybody

I need a Stop/Play button

So I need to show two different images in one button
The button first has to show something like a stop image.
When the user hits the button, the images has to change to Play.
If the user hits again, the image goes back to Stop Image

Somebody knows how to do it ?

thanks for helping

Elton

Scrolling Images With Scroll Buttons
can someone tell me how to or point me to a tutorial to build a navigation bar like the one on: http://nothingrecords.com/index2.html
(at the bottom of the page).

Converting Images To Buttons... Woh Nelly
I create a falsh movie which sized at 37k, I converted 10 of the flash drawn images to buttons each not having a "hit" value. I published to see the file size which went up to 72k. Such a file size jump! Is there ways to create buttons without such a spike in file size? Each of the 10 buttons are comprised of a box 60 px by 60 px with a gradient fill. Each of the 10 boxes have a different image in the box, each image was created using the flash tools (i'm using MX but am saving in Flash 5) For each box i selected the image and backgraound/gradient filled box and converted to a button, in the over state of each button i added a small round cicrle, I also copied the up state to the down and left the hit blank. On the over state in the button i raised all images up by 2 px So when the mouse goes over a button, the button raises by 2 px and the circle displays.

I just don't know why such a spike in the file size?

Scrolling Virdical Images With Buttons
Hey guys...

I have been searching to no avail... Can anyone help me with a scrolling image bar with buttons for each image?

This is for FLASH MX

Thanks a ton!

Andrew

Loading Multiple Images As Buttons
Does anyone out there have a sample script that loads several images and then enables the use to click on the images for navigation throughout the site? I'm currently trying to use loadimage and everything works fine during testing but when i move it to the live server the images seem to take forever to load or they just do not load.

Thanks for you help

Changing Images From Hovering Over Buttons
Hi... relitive newbie to flash and this may sound like an easy task..

i have a flash page with a number of buttons. What I want to happen is when i hover over a button a corrasponding image should appear on a diferent area of the screen and then disapear again once ive move the cursor away from the button?

Any ideas..seen it done many times just need to know how?

cheers

JJ

Horizontal Scroll Images With Buttons?
I wish to create an horizontal scroll of five pictures, each one with text attached. I need to do it with buttons rather than those srollers that move when you hover over them. I am uploading a pic also so you can see what I mean. So when button 1 is pressed, image 1 slides into place etc, I need to do all this within a movie clip. Do you know any tutorials about how to do this?

Many thanks

Buttons Appear Gradually As Images Load
Just curious, how is this done???

What I would like to do is to load images gradually, so that the user can click on the ones that have already loaded, and actually start viewing images as the rest of them load.

Here's an example of what I want to do...just click on one of the cities, then go to Photographers...

http://www.bransch.net/website/index.html

Cheers

Buttons From Externally Loaded Images?
Hi there,

I'm looking to create buttons from externally loaded images but am not sure whether I'm going about it the correct way, or if it's even possible.

I've loaded my images externally onto the stage, and over these (on higher layer) I've created invisible buttons to the exact dimensions and positions which when clicked will cause some text to appear.

Should this work in theory ? Or is there an easier way to achieve this? Basically the buttons will change when content is updated.

All suggestions appreciated.

Many thanks

Q.

[F8] *** Enlarging And Shrinking Images In MC's And Buttons ***
Hey guys - When in doubt ask they say - well, I would appreciate if you have an answer to the festering problem I have right now!!

My question concerns the rolling (off) of a button. I have a movie clip in a button that makes an image grow larger when you roll over it. When you roll to the OVER position of the Button -

The Movie Clip in the button plays the movie of the image growing larger. My problem is that I do not know how to set it up so the image SHRINKS back to its normal state when you roll OFF of it. roll over... the image gets bigger - roll off... the image returns to its normal size.

Right now it just snaps back to its normal size without smoothly reducing itself to its up state within the button. Can you please show how to achieve this? I have had this posted now for about a week in one of the other forums and have no answer yet. My life will be so much better when I know how to do this.

As I am new to action script - does anyone have something already scripted that does this I can review to make my buttons work this way? I have about 30 different things to do this with in general andI need to get the principle down to achieve this. Many thanks in advance. RH

Associate Images To Buttons At Run-time
Hi evryone,

I ve got an xml list of thumbnails images, and I want to associate them to an array of buttons programatically.
Suprisingly, the button class doesnt have ' background' property. Is there any way to program that (obviously without going to the stage)?

Thanks a lot
Nas

Creating Buttons With Images On Them Dynamically?
**Nube alert**

I am making an actionscript driven site and so far I know how to make buttons dynamically and I know how to load images, but I dont know how to use those images on my buttons?

I just want my buttons "upState" to be an image, how do I write this is in Actionscript 3?

Thanks

Loading Dynamic Images Into Buttons
I want to load a dynamic image into the over state of a button, is this possible?

I could do it with just movieclips, but then I've got to have events for onRollover and onRollout.

Scroll Buttons For Thumbnail Images
I am trying to figure out how to create a script to make scroll buttons that work to make a strip of thumbnail images to scroll from top to bottom and back up again when the user presses the scroll button.

The vertical strip of thumbnails are buttons that open a larger version a picture on the same page.

So far, that part works great.

But when I try to make the scroll buttons work, they don't do anything.

I used the same scroll buttons to control a text box in another Flash movie, and that worked fine, but when adapted the script for this, it seemed to die.

In the one I am struggling with, I converted the strip of thumbnail buttons to a movie clip, and gave it an instance name, which is also in the script for the frame to make the buttons work, but it seems useless.

I've checked my script for error messages, but there are none.

Also, part of the problem is where to put this script, since each of the buttons has a to have stop action associated w/the larger image.

I'm using Flash MX.

Thanks for any help.

Reusing/Reapplying Buttons On Different Images
I'm currently creating several Flash thumbnail galleries, one for each month of the year for 2007. I want the galleries to be identical with the exception of the actual thumbnail images. Each thumbnail is a button with its own actionscript. Now that I have completed the gallery for January, I would like to simply delete just the thumbnail images, but keep the button instances and properties in order to reuse them for all of the February thumbs so I don't have to re-type all the AS code, redo the rollovers, etc. I've deleted all the January thumbs (just the images), and inserted all the new February thumbs onto the stage, but have kept the buttons (which remain as unfilled green highlighted squares). I am trying to apply the old buttons to the new thumbs but can't figure out how.
What is the best way to do this without having to convert the new thumbnail images to buttons and redo everything all over again?

Edited: 05/20/2008 at 10:08:30 AM by afriendofcheese