Rollover Buttons

Hi, I'm trying to create a simple rollover button in flash 9
and its not working the way its supposed to. The button is a
hyperlink that when clicked takes the user to a web page. Getting
the link itself to work is easy. However getting the text to change
color when the user rolls the mouse over the button is another
story. I created my button with two layers: a text layer on top of
a white background layer. The first frame shows the hyperlink in
blue, the second frame is a keyframe with the text in red.
However, what actually happens when I test the movie is that
the text only changes color to red when the mouse is positioned on
the part of the white background that is NOT the text. So if a user
mouses over the text it doesn't change color. It only changes when
they mouse over the rest of the button area. I want it to change
color when they mouse over the text itself. Is there some special
way to make this happen?

No, it is not possible to make flash buttons or rollover images as you describe within iWeb directly. However you can edit the HTML files that iWeb generates to embed content like this from other sources. There is a general method of incorporating external HTML code that will allow you to do all of this. You can find out more about this in the following thread...
http://discussions.apple.com/thread.jspa?messageID=2446725&#2446725
Also, if you want to generate flash buttons automatically, here is a resource... http://www.flashbuttons.com/
And finally, regarding Flash content in general. It is possible to drag Flash content directly into iWeb as long as it is saved in Flash 5 format. Please note that in doing so, your flash content will be handled by QuickTime (that's why there is the Flash 5 requirement), which may or may not be acceptable to you.

Similar Messages

Animated gif on multiple rollover buttons ?

I want to use animated gifs as MouseOver in rollover buttons.
Somehow when I put this together the animation only works for the
first time I do the MouseOver. - the anim gifs are not looping I
want them to restart every time I have a MouseOut and MouseOver.
I get this to work if i dont put in preload images as default
but then I will have problems with delays instead. Do anyone know
how to solwe this problem in an easy simple to explane kind of way
Greetings from Sweden !

I want to use animated gifs as MouseOver in rollover buttons.
Somehow when I put this together the animation only works for the
first time I do the MouseOver. - the anim gifs are not looping I
want them to restart every time I have a MouseOut and MouseOver.
I get this to work if i dont put in preload images as default
but then I will have problems with delays instead. Do anyone know
how to solwe this problem in an easy simple to explane kind of way
Greetings from Sweden !

Interactive PDF: Rollover button state no longer working properly ???

Okay, what's going on with the Interactive PDFs lately?
Now all my rollover buttons no longer work properly. If I have a button that's simply a black arrow, and in the rollover state it's red.
No matter if I'm checking it out in the latest Acrobat Reader or Pro X, the rollover only works for a brief second..then reverts back to black - the original state.
This, combined with my latest problem with the show/hide button state, is really becoming a frustrating hassle:
http://forums.adobe.com/message/3933451#3933451
Any help would be appreciated.
I'm running 7.5.1.
Is this an Acrobat issue? The button function here seems to work in the InDesign preview mode.

Hhmmm...I'm actually having this problem even with Adobe Acrobat 9 Professional. Does this make sense?
Again, I'm creating the document in InDesign CS5 and then building the PDF with Adobe Acrobat 9 Professional, and the rollover effects don't work in Adobe Acrobat 9, Adobe Reader 9, and Adobe Reader 10.
I'm a bit new to this process of software not providing its basic touted functionality. Is this the kind of thing where support for this functionality will vary from product to product? I had the same issue with PDF Portfolio -- where all its functioanlity was not supported in Adobe Reader X. If so, perhaps I should simply stick with the classic features of PDFs. Or can I trust, reliability, that going forward, this rollover effect will be supported in all Adobe Reader versions? This is quite an important issue for me as I provide all the documentation for my employer, including customer facing documentation -- and I simply don't know. Any recommendations?

Rollover buttons that play a movie clip.

Hello,
   I am new to Flash and I am trying to accomplish a simulation such as this example, http://www.its-about-time.com/investinesart/coalplantvirtualtour.swf. I have all of my movie clips done, but how do I tell a rollover button to play a specific movie clip? I also want to have all the movie clips to play simultaneously via a rollover button as shown in the example. I've attached a captured image of my timeline, if that helps. I've tried everything so far, but nothing is working! What is the simplest way of doing this?
I have this inside one of the movie clips (mc_2) in a seperate layer under - (actions)
RO_btn.onRollover = function(){
mc_2.play();
On the main timeline I have an actions layer with this:
stop();
Thinking that this may stop all of my movie clips but it doesn't.
Should I make an actions layer in each movie clip with this syntax huh? stop();?
I'm frustrated!!
Thanks, if you can help!
MG

Hi,
I have made something that you are looking for.
It will be of help to you.
basically you will have to create a few movie clips namely:
2 buttons: (name them a_btn, b_btn, c_btn, d_btn, e_btn)
3 movie clips (I am taking example image1_mc, image2_mc, image3_mc)
in each of these movieclips.place 2 frames and on second frame put your movieclip(one in one).on both the frames put stop()
now click on a_btn and write this script
on (rollOver) {
_root.image1_mc.gotoAndPlay(2);
_root.image2_mc.gotoAndPlay(2);
_root.image3_mc.gotoAndPlay(2);
on (rollOut) {
    _root.image1_mc.gotoAndPlay(1);
    _root.image2_mc.gotoAndPlay(1);
    _root.image3_mc.gotoAndPlay(1);
with this all 3 animations will work simultaneously. if you need to run any one of the movieclips at a time the you can address that mc in particular
.Say if you want only 1 mc to move at a time then put this on btn 2
on (rollOver) {
_root.image1_mc.gotoAndPlay(2);
on (rollOut) {
    _root.image1_mc.gotoAndPlay(1);
.Dont forget to give proper instance names to movieclips.(they are in properties panel.)
Cheers!

PSD Rollover Button with image in front stops button from changing state

I have a wide PSD button that changes state when rolled over. I would like to place a PNG image with transparency in some areas over the top of it so that the rollover button shows through the transparent areas of the PNG.
How can you get it to do the rollover effect when the user mouses over the bit of the button that the image is in front of? Is ther a way of making the PNG 'invisible' to the mouse?
I know I could redesign the button so that it includes the image but I'm trying to keep file sizes and load times to a minimum, I use this button a lot on my website with a different on each, and having that number of individual buttons would result in a bloated, slow-loading website.

Hi Abhishek
Thanks for your reply. I was able to achieve the effect I wanted by having the PNG and the PSD Button with the same link and then grouping them. This means I can mouse over the PNG and still get the PSD rollover effect, which is perfect.
However I also have another similar problem. I have some different PSD Rollover Buttons which have some text in front of them (basically it's the button label). On some of these buttons when you roll over the text it prevents the rollover state of the button, and on other buttons the rollover effect occurs as it should, and there doesn't appear to be any consistency about which does what. Grouping or ungrouping doesn't appear to make a difference. Can you help?

How to make edges of rollover button straight

I was using rollover pjc in my forms....
I am setting these properties of the buttons...
--> setting the 'label' property to [ROLLOVER]add
--> setting 'implementation class' property to
'oracle.forms.demos.enhancedItems.RolloverButton'
My rollover buttons are dislayed with rounded edges....
I want to make the edges of my rollover buttons
straight(like sqaure edges). please let me know how do i do that.
Thanks in advance

Judging by the source code of RolloverButton.java, it looks like that demo will always use rounded buttons.
If you want normal shaped buttons, then you should modify RolloverButton.java or create your own Java class based on it and change it. The change should be to not use setLeftmost(true) and setRightmost(true). By setting them to true you are telling the button to treat the button as if it's the leftmost or rightmost button, which will round that end (or both).
Regards,
Robin Zimmermann

How to insert HTML5 rollover buttons into Dreamweaver

i publish an HTML5 canvas out of Flash contaning a rollover button and now I want to insert it into my site in Dreamweaver, how do i do it?

Hi Ercolubus,
Are you looking for something like this?
http://forums.adobe.com/thread/1295208
Thanks,
Preran

Issues with rollover buttons in Indesign CS6

Hi, I was wondering if anyone can shed some light on a issue i'm currently having.
I've produced a interactive map in Indesign, with rollover buttons which triggers an animation - all the buttons and animations seem to be set up correctly and once I export as a SWF they seem to work fine initially, but after a couple of rollovers some of the buttons just stop working. If I refresh the page or reopen the swf file it then starts working again for a period, but again after a few successful rollovers some stop working again. I'm wondering if this is a bug of some sort? Ive also tested the .swf on a different machine and I experience the same issue.
Any help with this would be be much appreciated.

We might be able to help you but you'll have to drop the attitude. We're not Adobe here, but users like you.
You'll need to tell us exactly what you're doing and what's not working for you. By "rollovers," you could mean the change of appearance of a button. You could also be meaning what are sometimes called Show/Hide buttons where clicking a button causes another button to appear. Which is it?
And what kind of output are you attempting? Interactive PDF? SWF (Flash)? DPS?

Rollover button css styled with php function: possible?

Hi,
I created a working rollover button css styled, with normal href links, using this html:
<a href="link"><click here>Text</a>
But I would like to know how I can create a "contact us" button with following php function included:
<?=createMailto('[email protected]')?>

Well, I wrote the button code as mentioned in my first post, but the button does not call the email php function. When I replace the link in a href="link" with the php function, I can't get it to work.
I have to use href to get the button to display, and to change state on hover; but I don't know how to get the php function to work. Using this function as a plain function call within a regular tag works.

Help with rollover button

Can someone please tell me how to make these rollover buttons
to get URL?
The sample flash file can be viewed here
http://www.leadstar.com.au/header_page.html
and I have attached the code as well.
Many Thanks.

Roddy-
Thanks a bunch for trying to help me out. Here is where I got the code from.
http://11mystics.com/2008/05/21/create-rounded-corner-rollover-buttons/
They also have some suggestions in the comments on how to add links.
Let me know what you think I should do. Keep the buttons i have or ditch it all together and use your code. What was nice about this is the images are already there for me and I just have to alter a few things to get what I want.
Thanks

Add goTo Action to a Rollover Button

I am trying to add the following action to a rollover button: on (release) {
gotoAndPlay(", );
I have done it in the past and didn't have a problem, but since I don't use Flash often I can't figure out what I am now doing wrong.
The buttons are in the button layer.
For some reason the file wouldn't attach, but can be found at this address:
http://ccbwebdesigns.com/Nkor/NorthKorea_FLASH_V05.fla
Any help would be greatly appreciated.
Thanks.

The argument(s) for gotoAndPlay() is/are:
1. A frame number or frame label: gotoAndPlay(4), or gotoAndPlay("section 2")
2. The path to a movieClip and a frame number or frame label: newClipName.gotoAndPlay(4), or, newClipName.gotoAndPlay("section 2")
3. The name of a different movie section and a frame number or frame label: gotoAndPlay("section name",4) or gotoAndPlay("section name","section 2")
Do any of these fit your needs?

A Rollover Button

I have made a bitmap image into a rollover button - reason - so that when the mouse rolls over the hit area of the button/image/thumbnail - it becomes larger on the stage and when the mouse moves outside the paramaters of the larger picture it goes back down to the original button/image/thumbnail size.
That works fine.
However . . . there is always a however. When I implemented the same functions to the other thumbnails on the stage - if I rollover the second thumbnail - the other thumbnails show up (through) on top of that enlarged image.
I thought it was an 'order of layer problem' but that didn't fix it no matter how much I switched the layers around.
I guess, like always, I'm missing one simple step.
Can you help?
Forrest

Yes, I am using AS3 and thanks - I'll try that!
Forrest
Date: Sat, 1 Aug 2009 17:38:33 -0600
From: [email protected]
To: [email protected]
Subject: A Rollover Button
In looking back I can't see what would have led me to think you were using AS2 instead of AS3... maybe it was just the term 'rollover'. If you are using AS3 then you can look into either of the two things you found, or look into setChildIndex()... setChildIndex may be the easier to work with because you can set it to the highest child depth ((numChildren-1) and not have to chase specific instances. If you look up setChildIndex in the help docs you'll see it discusses exactly what you are trying to do (I think).
>

Rollover button

I created a rollover button and when I click on it a white
out line appears around the button, why is that.

Hello,
Can you post a link or the code?
Without that, it's just a guess...rollover image is smaller
than initial
image, a border is set on hover, you're seeing FireFox's
dotted outline,
etc...
Thanks,
Tim
"tanktery" <[email protected]> wrote in
message
news:fn3dv6$k7e$[email protected]..
>I created a rollover button and when I click on it a
white out line appears
>around the button, why is that.

How can I center rollover buttons floating within the main frame?

This is actually for GoLive, but I hope someone can help!
My site used to auto-size and I just removed that annoying feature and used the Frame Inspector to Center the page.
This worked for the boxes contained within the frame but NOT for the floating rollover buttons which still align LEFT.
I'm sure there's a simple solution. Thanks for your help! J.

You're using Absolute Positioning which is well... absolute. By that I mean everything is positioned relative to the top left corner of browser viewport. By itself, APDivs can't be centered which is why you're having trouble. You would need to wrap your page content inside a CSS container that has relative positioning; a width in px, em or %; a margin-left and margin-right of auto (browser determined margins).
Try adding this to your CSS:
body {
position:relative;
width: 960px;/**adjust width as needed**/
margin:0 auto; /**centered in modern browsers**/
text-align: center /**centered in older browsers**/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

How are these rollover buttons accomplished?

Hello-
Can some expert please tell me how this website ( http://www.webfonts.info/ ) does their slick rollover buttons with the rolldown grayed "shade"? Is there a canned script or plug-in for this?
Thanks-

This is achieved using CSS as in http://www.webfonts.info/sites/default/themes/wf2/css/style.css?S and down to /* gallery listing page */
Each of the ID's starting with #gallery-listing performs part of the effect.

Rollover Buttons

Similar Messages

Maybe you are looking for