Mouse over question

i've made some buttons that on mouseover shows a larger picture above the button. when the cursor leaves that button though the picture disappears until the user mouses over the button again. is there a way to ensure that the picture stays up until the user mouses over another button (then they would see another image)?

Gotcha. Well, here's a "for instance."
Suppose you turn an image into a Movie Clip Symbol. The first frame of your new clip is where your initial button image is. On frame two insert a keyframe and name it "Start" or something like that.
Then, insert a new layer above your original button image. Using the square tool, draw a square over your image. Convert that square to a button symbol. Highlight it, then choose "Edit in Place." Highlight the square image again, right click and choose "cut." Insert a new keyframe on the "HIT" frame, then paste in place that square. You can exit edit in place.
Click on the button you just made, go to Actions and write something like this.
on(rollOver){
gotoAndPlay("Start")};
This will move the playhead to the start frame. If you plan on animating your button, make sure you place a keyframe and the end of your animation. Open your actionscript layer, if you have one (otherwise, make one and insert a stop action in the last frame). stop();
This will make the movie play when someone rolls over the hit button you made, which is placed over your original image. It will stop the playhead wherever your button animation stops. If you do the same thing for another button, when the user clicks the other button it will move the playhead to that movie section.
I'm not the best at explaining these things, but hopefully that offers some clarity. I can try to get a little more detailed if need be.
Good luck.

Similar Messages

Image question for mouse over.

I hope this is a simple question. Can I place a 150px wide image on my page and when you mouse over have the same photo pop up that is 300 px wide? I know I can swap the images if they are both 150 px. But I want to see the larger photo with the mouseover can someone explain or show me where to learn how to do this if I can even do it? Maybe it is not mouseover image swap and it is called something else? Thanks in advance.

tl1_mc.visible=tl2_mc.visible=tl3_mc.visible=false;
for(var i:int=1;i<4;i++){
   this["tl"+i+"_mc"].addEventListener(MouseEvent.MOUSE_OVER,overtl);
   this["tl"+i+"_mc"].addEventListener(MouseEvent.MOUSE_OUT,offtl);
function overtl(e:MouseEvent=null):void{
   var n:int=int(e.currentTarget.name.substr(2,1));
   this["tl"+n+"_mc"].visible=true;
function offtl(e:MouseEvent=null):void{
   var n:int=int(e.currentTarget.name.substr(2,1));
   this["tl"+n+"_mc"].visible=false;

Mouse over speed change question...

I was wondering. On my website, I like to have it where I can mouse over a picture and it changes to another. Now, it instantly changes which is fine but I would love for it to fade to the next picture. Instead of an instant change, I would love it to take about a half a second like a fade out to the next picture and not instant. Is this possible in Dreamweaver CS4?

jQuery can do that. :-))
http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How do you create the 'cream pop-up info text boxes' that appear when you hover mouse over?

Hi people,
I really need to know how you create the 'cream pop-up info text boxes' that appear when you hover your mouse over an object on a webpage (and often in any program e.g. Photoshop) for more than a second. I need to know because the logo on my website is the navigation tool used to return to the homepage. It is always found in the top left so the user can always click it to return.
The only problem is im the only one who knows that when you click my logo, you return to the homepage. I need one of these 'cream info boxes' (forgive my lack of knowledge) to appear so the user will figure it out.
Thanks for taking the time to read my question...

Using your code it should look like this where title attribute is in red:
<div id="apDiv2"><a href="index.html"><img src="divs_dw/jtgd_logo_trans.png" alt="jtgd_logo" title="your description goes here" width="176" height="163" /></a></div>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Mouse over - how to select text

Hi all,
I trying to build a function that when the mouse is moved over a text, then that text is selected and some actions are performed. At the moment I am using the g.drawstring() to place the text inside a jPanel, remember the XY coordinate of that text and then, when the mouseMoved event is trigger I compare the mouse position with the original drawing coordinate. It works fine if the string is single character, but it gets very complicated when the string is made up of several words "Hello Java" and I would like to select only the "Hello" or the "Java", as I don't know in advance the XY coordinate of the second word, as the font is not proportional (what I am doing now, is search for the " " and set boundaries of each individual word within the string...a bit cumbersome, but kind of works
My Question is:
is there a better way to place the string on the panel, other than the g.drawstring() that can make reading and identifying much easier? perhaps, placing the string inside some kind of other component which the mouse that 'identify' to be over more easily?
thanks for the help
P.S. I have read some posts, which address specific questions; mine is more a question on best architecture/availability of Java.components/API that can be used to do my task in the best way.

thanks for your reply.
I am basically trying to draw a node and edge pattern, where the nodes are the text strings and the edges are simple lines. posX and posY are the coordinate of where to strings are drawn. Now, what I would like to do is to move the mouse over and highlight (for exampl) the string but only single words, not the whole string (which could be, for exampl, "Hello Java"), so highilighting either Hello or Java, depending on where the mouse is. But I need to place the string (or the JLabel or JText) at specific posX, posY coordinates inside my JPanel.
protected void paintComponent(Graphics g) {
super.paintComponent(g);
/** SOME CODE*/
Font font = new Font("Arial Unicode MS", Font.PLAIN, 20);
g.setFont(font);
g.setColor(Color.black);
g.drawString(textString panelXSize/2-posX, panelYSize/2-posY);
g.drawLine(panelXSize/2, panelYSize/2,panelXSize/2-posX, panelYSize/2-posY);
}

Mouse over solution for jdk1.0

hi all,
I am interested in making the equivalent of a mouse over solution for a java applet.
Basically I'll have approximately 100 Rectangle objects representing images on the applet.
When the person moves the mouse over these 100 rectangle objects, i'll use contains() method to determine if the mouse is over the object in question.
If true, the image will be changed to represent the mouse over event .
I thought for a msecond about looping through all the rectangle objects each time the mouse moves. but that seemed impractical since the mouse can move pretty quickly.
It seemed to me the best option was to extend the Rectangle object and put an event listener on it . so that the Rectangle object can be triggered at the same time or individually as needed in response to the mousemove event .
Does anyone have any thoughts about that ?
does anyone know how I would possible implement something like that for java 1.0
thanks
stev

it seems like I have to extend Component some how to get access to enableEvents method.
Here is my class
class ListeningRectangle extends Rectangle{
     public ListeningRectangle(int w, int x, int y, int z, Component c){
          super(w,x,y,z);
          c.enableEvents(AWTEvent.MOUSE_MOTION_EVENT_MASK);
     public void mouseMoved (MouseEvent me) {
     System.out.println("event has been received by rectangle");
I am using this class in conjunction with a java applet (targetted to 1.0-1.1 ).
I'm passing a reference of the applet in to create this ListeningRectangle like this
new ListeningRectangle(a,b,c,d,this);
my objective is to have about 100 different rectangle areas defined on the java applet.
and when the person moves the moves the mouse of the applet rapidly, only the appropriate ListeningRectangle object would respond.
any ideas on how to get this done ? ?
The full code is below
stephen
================================
full source code below
import java.applet.*;
import java.io.*;
import java.awt.*;
import java.awt.event.*;
public class TestEventHandler extends Applet implements Runnable{
     ///variables
     public static Color bgColor = Color.blue.darker();
     private Thread thread;
     public Graphics offGfx;
     private Image offImg;
     private Image basicOffImg;
     public static int xlen;
     public static int ylen;
public ListeningRectangle lr;
     ///methods
     public void init(){
     xlen = size().width;
     ylen = size().height;
     basicOffImg = createImage(xlen, ylen);
     offImg = basicOffImg;
     offGfx = offImg.getGraphics();
     setBackground(bgColor);
     offGfx.setColor(bgColor);
     offGfx.fillRect(0, 0, xlen, ylen);
     offGfx.setFont(new Font("Arial, Helvetica, Helv", 1, 15));
     FontMetrics fontmetrics = offGfx.getFontMetrics();
     offGfx.setColor(Color.white);
     String s = "pleaseWait";
     offGfx.drawString(s, xlen / 2 - fontmetrics.stringWidth(s) / 2, ylen / 2);
          lr = new ListeningRectangle(20,20,50,50,this);
          offGfx.fillRect(20,20,50,50);
     public void start(){
     if(thread == null)
          thread = new Thread(this);
          thread.start();
     public void run(){
          while(thread != null){
     try
          Thread.sleep(100L);
          catch(InterruptedException _ex) { }
     public void stop()
          if(thread!=null)
     thread = null;
     public void update(Graphics g){ paint(g);}
     public void paint(Graphics g){
     g.drawImage(offImg, 0, 0, null);
public boolean mouseDrag(Event event, int i, int j)
if(true)
return false;//means ripple
} else
return true;//means do not ripple for jvm1.0
public boolean mouseMove(Event event, int i, int j)
if(true)
return false;
} else
return false;
class ListeningRectangle extends Rectangle{
     public ListeningRectangle(int w, int x, int y, int z, Applet c){
          super(w,x,y,z);
          c.enableEvents(AWTEvent.MOUSE_MOTION_EVENT_MASK);
     public void mouseMoved (MouseEvent me) {
     System.out.println("event has been received by rectangle");
}//end of class

Mouse over a hyperLink

How can I disable the Mouse over tool tip of a HyperLink in a VB web application;
which is displayed at the bottom left corner of the page

As your question appears to have nothing to do with setup of the .NET Framework (this forum's topic), and is about VB web applications, I recommend that you ask here:
http://forums.asp.net/36.aspx/1?Visual+Basic+NET
Thank you for your understanding.

Mouse-over image resizing in CS4

on my website (www.kogamusic.us) i have an image that changes to another image when mousing over it. the two images are different sizes, so as it is now the second image distorts because it is constrained to the aspect ratio of the first image. My question is, how do i make it so that both images auto-resize depending on the size of the window while keeping the second image constrained and distorting to the size of the first image. I am able to auto resize the first image with with=#% and hight=#%, but i can't figure out where to put html in the correct place to auto-resize (while constrained and distorted) the second image.
this is the code i am looking at:
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','DSC03696.jpg',1)"> <br />
<img src="fish pencil.jpeg" name="Image2" width="538" height="830" border="0" id="Image2" /></a><a href="mailto:[email protected]">[email protected]</a></p>
<p> </p>
THANKS!

Hard to say. Just maybe a hickup in the system. The popping up is slightly delayed on about every system but I have never had them not pop up at all.
Anyways, here is a link that pretty much fixes weird stuff happening in Photoshop that is called resetting the Prefs.
http://forums.adobe.com/thread/375776?tstart=0

Mouse Over Value in Pie Chart

I have two questions -
1. How do i restrict the no. of decimals in the Mouse Over values for Percentage in a Pie Chart ? The numeric values i can control but the percentage (which the system calculates) seems to be set at default two decimal places.
2. While displaying the labels even though i am using the ouside end, inside end etc options - i can't seem to control the overlapping of a few labels. Offsetting is something that i need to do by hit and trial. too slow. and not all need to be offsetted. Can i selectively offset for a data point ?
Please help....Cheers...

Hi:
For question1, do you mean the "Data Label->Percentage" right? I think the "Mouse-Over Values" could be set decimal places easily from "Appearance->Text->Mouse-Over Values", but for "Data Label->Percentage" there is no direct way to show its decimal places. You can use "Label" component to build your percentage you like manually.
For question2, if all position setting could not fit your need, you can also use label component to build your custom Data Labels.

Mousing over some UI elements doesn't always display the correct pointer

When I mouse over some elements in a UI, sometimes the mouse cursor isn't correct. For example, when typing this message, if I open up 'Launchpad' by using the gesture, my mouse cursor stays as the text cursor, not the mouse pointer arrow, as I would expect.
This is only one example.. i've noticed it happens in many other instances.

My problem seems to be solved. My Norton Internet Protection software notified me that the Photoshop Auto Analyzer was using a lot of CPU and memory. I shut off all Media Analysis in PSE-11, and I have not had any of the problems I mentioned in my posted question.
I am surprised that my PC chokes up and causes errors when Media Analysis is on. Has anyone seen this before?

Creating an interactive CV: mouse over / roll over pop ups, embedded documents and videos

Hi everyone,
I am pretty new to Adobe Acrobat Pro and new to this forum (1st post here!). Greetings from Spain... and apologies for grammar mistakes and misleading explanations (in advance). I have been checking this forum and googling quite a bit, but I do not get to many conclusions (maybe I sleep few due to our baby!).
I want to create an interactive CV with the following characteristics:
1) CV in 1 page in a PDF document (no problem here!)
2) Hyperlinks in the text which open embedded files (pdf of others) hidden to the viewer but which are in the pdf document. Possible? (I want the recruiter to receive just one file). Even better if they could be open in another window (doubt it).
How could it be done? I try add documents and they are attached at the end, so the original pdf gets to have more pages, all viewable.
3) Furthermore, mouse over / roll over pop ups which show you a preview of the file you may open clicking the hyperlink, for a quick view of the content.
I think that this may be done, but using other programs, like InDesign. I just try to add a document, but it's sort of a link to a document in my computer. I may add pdf, pps files.
4) Even more, would it be possible to embed a video which would open in a new window? If not, I tried to add a link to youtube and there was a warning as "this program tries to open a window, if you trust the owner... " (similar safety message) and the very last thing I want the recruiter to have to decide whether to decide to watch it or not.
I know its a questions in its very first stages, but the big point is to know if/what it is possible to do, so that I search in the right direction.
If you have any idea or advice (even if not related to PDF pro, of course), just please let me know.
Thanks a lot in advance. I hope this thread may help others.
Cheers,
tebanseeker

Hi Dave,
Thanks a lot for the input.
(3) Right, I could not find either a way using just Acrobat Pro (I'm using XI). Sad thing that you confirm it... But it looks like you may do it using other programs on the PDF, but I don't know to use them. You may take a look at this:
https://www.youtube.com/watch?v=HEyJuT8SSME (popup rollovers using Illustrator)
https://www.youtube.com/watch?v=YOVRMVdZbVE (popup rollovers using InDesign)
(4) I think that embedding would make the file to big, so I may opt for the hyperlink to youtube option, even if I deeply dislike that message, although youtube is a reliable source for the viewer.
Any other input is very welcome. I am pretty illiterate in the field!
Have a nice weekend,
tebanseeker

Mouse over images not resizing correctly in Safari

I have a series of thumbnail images of different sizes that, by using MouseOver, cause a larger image to appear. Safari only seems to resize "larger" and doesn't resize "smaller" resulting in distorted images. This site works fine in every other browser I can lay my hands on. I have managed to get a similar site to work fine but I don't really see the difference between the two. Any ideas on what I need to do? Site that doesn't work www.IllustriousPlay.com/test/Portfolio.html Site that does work www.IllustriousPlay.com/Page1.html Run your mouse over the various images. (Be warned I'm tinkering with the site, so it may have other things wrong with it.)

Kowhai,
Welcome to Apple Discussions.
I see the distortions.
I am not involved in Web Site design, but will W3C Markup Validation Service help answer your question?
I see Failed validation, 16 errors when I enter your URL.
BTW, I like your colorful illustrations.
;~)

Please, advise mouse-over instant word by word translation for FF9

in older version of FF I had INSTANT mouse-over the word Google translation add-on, which is not available at FF9 version. It is a huge inconvenience for me (and sure many others) , please advise which add-on has such option? I searched for one for a few weeks, and only found some with "highlight the word" (selection) option , which is quite disturbing and takes more time and does not always works when it's needed. PLEASE, advise if I can some how use google add-on again. Best regards,
Iri

Not sure how you ended up here. This is the discussion area for the iBook G4.
You want to post your question in the Intel iMac discussion area.

Filmstrip doesn't pop up on mouse over...

Only just started happening, when you hover the moue over the little up arrow icon on the filmstrip bar it just flashes brighter for a second and stays resolutely where it is! I can click the icon and the bar will expand as expected, clicking it again collapses the bar as expected. Only thing to note is the little icon on all the other bars shows as a mottled effect when collapsed but the filmstrip shows clean white!

Hey answered my own question :-) it's a double click that sets whether auto pop-up on mouse over works or not - I must have accidentally double clicked the filmstrip bar at some time!! Hope this helps if someone else has this problem... :-)

How do I disable the webpage preview that pops up when I hover my mouse over a tab?

I don't know why this started today, but it is driving me nuts!
I was surfing the net, when all of a sudden I noticed that whenever I hovered my mouse over one of my tabs, a (poorly rendered) preview of the webpage popped up from my mouse. I really do not need this feature. I don't need to have a mini-webpage preview of another tab.
Please, how do I disable this feature?
*note: I have disabled all my add-ons, and still nothing. I disabled my hardware acceleration, and still nothing. Please!

I've never noticed that. Do these old threads shed any light?
* [https://support.mozilla.org/en-US/questions/924758 Disabling the tab drop down preview window??] - FVD suite
* [https://support.mozilla.org/en-US/questions/884412 How can I disable the tab preview when I hover over a tab?] - other add-ons/settings

Mouse over question

Similar Messages

Maybe you are looking for