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
    New to the CF scene
    Join Date
    Jan 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Mouseover/out Image Map HELP

    ..ok, I'm new to this, so explaining this might sound a little rusty.

    I used to use the onmouseover script for individual link buttons on my navbar for a site, then I found out about image mapping...I liked the fact that its only one image, but I still want it to roll-over as another image upon onmouseover/out.

    ex: I have 5 links on an image map, I want EACH link to have its own image rollover upon mouseover.
    HELP...or link to some site that can.

  • #2
    dmc
    dmc is offline
    New to the CF scene
    Join Date
    Jan 2005
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The answer is very simple. Don't use an image map.
    This is why i say this.

    If you want onmousovers on your image map.
    Say your mapped image is 600x200px.
    you need in your case 6 times an image of 600x200px to make the onmousover. This is gonna take a lot of kb's.

    When you just slice the images you want your onmouseover on its much smaller.

    But if you stil want your onmouseovers on a image map then just do it on the
    image map.

    <img name="imgname" src="sample.jpg" width="600" height="200" usemap="#Map" border="0">

    <area shape="rect" coords="17,6,62,29" href="cars.htm" onmouseover='imgname.src="image_for_this_onmouseover.jpg"' onmouseout='imgname.src="default_image.jpg">
    etc..

  • #3
    New Coder
    Join Date
    Dec 2004
    Location
    Portsmouth, UK
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Snuff - I'm trying to sort out a similar kind of thing, it might be worth taking a gander at this thread:
    http://www.codingforums.com/showthread.php?t=50877
    There are also some clever CSS methods for doing things like this which are linked to in my first post above.

    If you have any revelations on this do let us know, it seems to be foxing a lot of people at the moment (although I daresay that's largely down to my poor explanations).


  •  

    Posting Permissions

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