Hover mouse over a group photo & individual image pops up?

My project is to do a mouse hover over individual faces on a group photo and display an image of what that person looked like back in high school.
So far I am able to display the persons name as I hover over their face but don't know how to also display their individual image.
I set up an image map with circular hotspots for each face.
Please visit www.phsclassof1956.com/50th_group.html
Any help would be appreciated.

You could do this very easily with Tooltips on an Image Map.  See example below and mouse over Image Map of South America.
http://alt-web.com/testing.html
Scripts and documentation here:
http://www.walterzorn.com/tooltip/tooltip_e.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

  • Add mouse-over text to photos in keynote '09

    Hi,
    I'm creating a presentation, and I would like additional text to appear when a user slides their mouse over the photo in the slideshow. For example, when I'm editing the slides, when I hold the mouse over the photo it says, "This image is a placeholder. Drag a new media file here to replace it". Is this possible? Can I change that text so that when a user plays a presentation, they can hold their mouse over the photo and see additional information?
    thanks,
    Ali

    how can i point out something on the keynote lecture - no mouse action at all?
    zoroo

  • 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

  • Can I mouse over a group and cause another group to do something?

    When I mouse over id=wholeGroup, I want group rect47 to become more visible by changing its alpha value.
    Can someone help me understand how to do this? Thanks.
    Here is what I have so far, but I am getting multiple errors.
    1067: Implicit coercion of a value of type String to an unrelated type Number.
    1119: Access of possibly undefined property mouseOver through a reference with static type spark.components:Group.
    <fx:Script>
      <![CDATA[
         private function showYourSelf():void {
              if (wholeGroup.mouseOver==true) {
                   rect47.alpha="1.0";
               } else {rect47.alpha="0.3";}
      ]]>
    </fx:Script>
    <s:Group id="wholeGroup" mouseOver="showYourSelf()" >
      <s:Group id="rect47">
          <s:Rect>
             <s:fill>
                  <s:SolidColor color="0x474747"/>
              </s:fill>
         </s:Rect>
      </s:Group>
      <s:Group id="rect87">
         <s:Rect>
             <s:fill>
                  <s:SolidColor color="0x878787"/>
              </s:fill>
         </s:Rect>
      </s:Group>
    </s:Group>

    Change the strings to numbers:
    rect47.alpha=1.0;
    <s:Group id="wholeGroup" mouseOver="showYourSelf()" mouseOut="hideYourSelf()">
    In the function showYourSelf() just set rect47.alpha=1.0
    In the function hideYourSelf() set rect47.alpha=0.3
    No need for the if statement.

  • Window Refreshes when I hover mouse over pdf file

    I have Reader 9 (but the problem happens no matter what version I've tried to install), any time my mouse hovers over a pdf file the windows explorer window refreshes, if I select the file it refreshes and everything is unselected, if I have scrolled to the bottom of the window and even hover over a pdf file, it refreshes and I'm back at the top of the list.
    However, if I select a file it refreshes and then I select that file again, it is fine. It must have something to do with the preview therefore.
    Thanks for your help.

    The answers are always so simple. Now, if only I could figure out why I couldn't figure out (or find) the answer myself....
    I thank you very much Dave

  • Photo Gallery with Mouse over text

    I would like to extended the photo gallery concept and the
    general phot effects so when you mouse over an enlarged image you
    get formatted text drawn from the XML file.
    Like blockbuster does on its site when you mouse over an of
    the DVD images.

    We released the
    Spry
    Tooltip preview to have an early feedback to this feature from
    the community. You can use it experimentally to solve your need.
    Cristian

  • Gallery Mouse Over Images

    Hi everyone, I was wondering how this Gallery was done,
    When mousing over the thumbnails, the larger image appears
    beneath.
    http://www.perrelink.com.au/portfolio/portfolio1.htm
    Would anyone have a tutorial, or advice on how thats done,
    Many thanks,
    Terrie

    Hiya Nadia, , Yes, I was able to work out how to use the
    show/hide to make
    a gallery...
    Im from Melbourne....... :)
    Thanks again for your help,
    Terrie
    ": Nadia : ** Adobe Community Expert **"
    <[email protected]> wrote in message
    news:ev7jno$3h3$[email protected]..
    > Terrie,
    >
    > Yep, Sinclair and Joe are correct, I used the
    Dreamweaver Show/Hide Layer
    > behaviour to achieve the effect.
    >
    > PS: Where are you from in Au?
    >
    > --
    > Nadia
    > Adobe® Community Expert : Dreamweaver
    > ----------------------------------------
    > CSS Templates |Tutorials |SEO Articles
    >
    http://www.DreamweaverResources.com
    > ~ Customisation Service Available ~
    >
    http://www.csstemplates.com.au
    > ----------------------------------------
    > ~ Forum Posting Guidelines ~
    >
    http://www.adobe.com/support/forums/guidelines.html
    > CSS Tutorials for Dreamweaver:
    >
    http://www.adobe.com/devnet/dreamweaver/css.html
    >
    >
    >
    >
    > "twebber" <[email protected]> wrote in
    message
    > news:ev67gk$eb8$[email protected]..
    >> Hi everyone, I was wondering how this Gallery was
    done,
    >>
    >> When mousing over the thumbnails, the larger image
    appears beneath.
    >>
    >>
    http://www.perrelink.com.au/portfolio/portfolio1.htm
    >>
    >> Would anyone have a tutorial, or advice on how thats
    done,
    >>
    >> Many thanks,
    >>
    >> Terrie
    >>
    >
    >

  • Large image popup on mouse over

    Does any one know of an extension which creates a large image
    popup on mouse over and it works with images from a database too?

    Does any one know of an extension which creates a large image
    popup on mouse over and it works with images from a database too?

  • While using firefox, when mouse over link causing monitor to crash

    Windows 7; Dell studio xps
    On mouse over a link/photo link and/or click on a link and my monitor goes into standby mode. Monitor still on (as is my computer) but cannot reestablish visual on monitor. Have used Explorer in the past and never had this problem. This error happens almost every time when I perform an image search with Google then mouse over a resulting image.

    Try to start Firefox in [[Safe mode|Safe mode]]. This mode disables all extensions, user customizations, hardware acceleration, etc. temporarily for diagnostic and troubleshooting. If Firefox works fine in Safe Mode, then this is likely an add-on issue. Restart Firefox in normal mode, then type "About:addons" (without the quotes) in the address bar. Disable your extensions one by one, restarting Firefox between each one, until you find the trouble maker. Once you do, you can disable that add-on and report the issue to that add-on's developer.
    A few other basic trouble shooting things you can try is this:
    Run all Windows Updates, install all needed service packs, etc.
    Update your graphics driver (Firefox uses your graphics card for some rendering, and an out of date graphics card driver can cause problems. [https://support.mozilla.org/en-US/kb/how-do-i-upgrade-my-graphics-drivers https://support.mozilla.org/en-US/kb/how-do-i-upgrade-my-graphics-drivers].
    Update all your plugins (Flash, Java, etc.): [http://www.mozilla.org/plugincheck/ http://www.mozilla.org/plugincheck/].

  • Mouse over for pop-up

    Is it possible in Acrobat 8 to create a mouse over option that would reveal a pop-up? For instance, I have a map and I would like a persons name to pop-up when someone mouses over a state.
    Thanks
    Dave

    Hi David,
    i saw your question about creating a popup.
    I would like to creat a popup in a PDF with Adobe Acrobat Profession Version 7 or 8.
    Do you know how to create a popup which is normally invisible, only when the cursor is above a certain term then the popup is getting visible?
    Do you know if it is possible to insert pictures or Power-Point-Screens in a popup on a PDF?
    It would be great if you could help me!!
    Please send me an EMail to:  [email protected]
    Thanks for your help!!
    Greetings
    Frank

  • Is it possible to tag an individual with their name in a group photo when I place the cursor over th

    Is it possible to tag an individual with their name in a group photo when I place the cursor over the person's face?

    A work around...
    Create your text, place it underneath the face, then hide that text layer. Make sure you save to a format that supports layers like psd or tiff.

  • How to change a file name or insert something into it without having to make the mouse hover over it, often opening the image instead?

    Huurah for Apple, most of the time....But in soime matters I miss my old PC. This business of having to hover the mouse over a text is something I just cannot master. Is there a better way??

    I can only guess at what you are asking.
    If you want to rename a file without selecting it, there isn't a way.
    You can just hit Return to get into the Rename mode, but you have to do something to select the file, first.

  • Images in Table move on Mouse Over

    I made a simple table-based photo gallery.  
    On mouse-over, a coloured bar appears at the bottom of the selected image.  At the same time the image moves upwards slightly, presumably the same distance as the width of the coloured bar.  
    Depending on the position of the image within the table, either one or more rows within the table move at the same time.
    I received some feedback from a viewer that they do not like this movement of the table
    Can you suggest any way to make the table more stable, i.e. remain still during mouse-over.
    See: http://www.eyta.org.uk/photos.html

    First, I don't like table-layouts.  They're last century's layout approach.  Nobody uses table-layouts anymore.  We use CSS floats now.
    Photo Layout example:
    Alt-Web Templates :: CSS Semi-Liquid, Photo Proof Sheet
    Secondly, if you're adding a border on hover, you need to add similar same sized border for the non-hover state.  Otherwise the jumping is inevitable owing to how the CSS box-model works.
    Example CSS:
    a {text-decoration:none; border-bottom: 1px solid #FFF}
    a:hover {border-bottom: 1px solid #000}
    Nancy O.

  • 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;

  • How to turn off image info when hovering mouse over image?

    I think I must have selected something by accident because now everytime I hover my mouse over an image, I get all this info about that image. I know it can be info will be good to know but I don't want to see it all the time. I can't find anything in the settings that seems like it would be able turn it off.
    suggestions?

    ress the T key on your keyboard

Maybe you are looking for