SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Nov 2003
    Location
    Kansas
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy OnMouse and Image Maps

    I have a circular Image, with 13 different quads that would be the links on the image map. What I want to happen is when you scroll the mouse over or click on one of the 13 different links on the map that an image appear NEXT TO (lets say to the right side) of the entire image map without distorting the map or the rest of the page. When the mouse goes off of the link, said image disapears untill scrolled over again.

    Is this something that can happen like this, or am I just folling myself into thinking I've seen this before... I KNOW I'VE SEEN THIS BEFORE! oy.

    At any Rate, I just Need it simple, 13 images, in a circle (kind of) when scrolling over them an image apears to the RIGHT of the full Immage Map.

    I would be eternally greatfull if someone could help me with this.

  2. #2
    SitePoint Member Alterscape's Avatar
    Join Date
    Nov 2003
    Location
    NY, USA
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by EchoSide
    I have a circular Image, with 13 different quads that would be the links on the image map. What I want to happen is when you scroll the mouse over or click on one of the 13 different links on the map that an image appear NEXT TO (lets say to the right side) of the entire image map without distorting the map or the rest of the page. When the mouse goes off of the link, said image disapears untill scrolled over again.

    Is this something that can happen like this, or am I just folling myself into thinking I've seen this before... I KNOW I'VE SEEN THIS BEFORE! oy.

    At any Rate, I just Need it simple, 13 images, in a circle (kind of) when scrolling over them an image apears to the RIGHT of the full Immage Map.

    I would be eternally greatfull if someone could help me with this.
    Easiest way to do this is to create a "blank.gif" 1x1px GIF image. Put it in your page where you want the images to appear, specifying the <img width=whatever height=whatever> so that it has the same size as the images you'll be swapping for it. Give it an id field too. your finished <img> tag should look like <img src="blank.gif" width=50px height=50px id="thischanges">

    now use any old mouseover script you may already have, only change all the target ids to "thischanges" instead -- this way, the javascript will change the contents of the "thischanges" image.

    I'm sorry if this is poorly explained, but I haven't got time to write out the full code right now.


Bookmarks

Posting Permissions

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