Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder DR.Wong's Avatar
    Join Date
    Jan 2005
    Posts
    360
    Thanks
    23
    Thanked 1 Time in 1 Post

    Question Image Co-ords and actons...

    How do I make an image, (image2) cover an existing image (image1) when a coordinate in image 1 is clicked on

    Then

    Image2 must be able to support coordinates ASWELL. Not for a 'roleover image' but simply for links.

    Please note that the images will be the same dimensions and everything.

    Or

    You have a single background image and when you role over a coordinate in the image a secondary image that is a small portion of the background image appears, giving the effect that part of the background image is highlighted.
    Once the image is 'highlighted' the user must be able to click on the secondary or 'highlighted' image and navigate to a new page.

    I confuse my self sometimes, If you dont understand then I understand, understand?

    I Fix Your Chopstick!
    *DR.Wong

  • #2
    Senior Coder A1ien51's Avatar
    Join Date
    Jun 2002
    Location
    Between DC and Baltimore In a Cave
    Posts
    2,717
    Thanks
    1
    Thanked 94 Times in 88 Posts
    Sounds like you just need to capture the coordinates of the mouse's x and y position and have some if statements that check to see if the mouse is an a set region if it is then perform your action.

    Or you may be able to use image maps inside an iframe....

    Eric
    Tech Author [Ajax In Action, JavaScript: Visual Blueprint]

  • #3
    New Coder
    Join Date
    Dec 2004
    Location
    Portsmouth, UK
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I may be on the wrong track here, but I would've thought (in your second case scenario) you could just put the image and the highlight into a <div>, use this to trigger the MouseOver events, and give the two images their own <a> links.

    If that's no good, it might help if we could see an example of what you're trying to do - even if it's broken.

    Joe.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •