Mouseovers with 2 Images (different sizes


DevX Home    Today's Headlines   Articles Archive   Tip Bank   Forums   

Results 1 to 2 of 2

Thread: Mouseovers with 2 Images (different sizes

  1. #1
    Jen Myers Guest

    Mouseovers with 2 Images (different sizes


    I am trying to create a mouse over using two images of different sizes. The
    Image1 appears first and is part of a complex diagram. When I "mouse-over"
    the image, I want Image2 to 'pop-up' over the whole diagram. I have tried
    a basic mouseover script, but Image2 is limited in the defined size of Image1.
    Does anyone have any ideas?

    Thanks in advance.
    Jen Myers

  2. #2
    Daniel Guest

    Re: Mouseovers with 2 Images (different sizes


    Try setting the width and heigth properties in your script to fit the dimensions
    of the larger image on mouseover, changing them back to their initial values
    on mouseout, either that or you could try not setting the WIDTH and HEIGHT
    attributes of the IMG tag at all. You probably won't make any friends at
    the W3C this way but it works with most browsers.

    Good luck,

    Daniel

    "Jen Myers" <jmyers@apcc.com> wrote:
    >
    >I am trying to create a mouse over using two images of different sizes.

    The
    >Image1 appears first and is part of a complex diagram. When I "mouse-over"
    >the image, I want Image2 to 'pop-up' over the whole diagram. I have tried
    >a basic mouseover script, but Image2 is limited in the defined size of Image1.
    >Does anyone have any ideas?
    >
    >Thanks in advance.
    >Jen Myers



Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center
 
 
FAQ
Latest Articles
Java
.NET
XML
Database
Enterprise
Questions? Contact us.
C++
Web Development
Wireless
Latest Tips
Open Source


   Development Centers

   -- Android Development Center
   -- Cloud Development Project Center
   -- HTML5 Development Center
   -- Windows Mobile Development Center