How to create sliced image hover to popup an image to the *side*

Discussion in 'CSS' started by ShubhaB, Oct 22, 2010.

  1. #1
    I'm trying to create a sort of image map, but where hovering over different slices will cause a particular image to popup below. I've found imagemaps where hovering over causes a different image to appear within that image, and I've found things where hovering over an entire image causes a larger one, or thumbnail, to poup to the side. I haven't found something to combine the two! I tried piecing the code together but it's not working for me. Any suggestions or examples where this has been done?
     
    ShubhaB, Oct 22, 2010 IP
  2. style0

    style0 Peon

    Messages:
    108
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    If I understand correctly, you want to be able to make a new image appear on the page when you hover another image, and the new image should appear at a location underneath the hovered image?
    Well, the easiest way is if you have space enough where you want the new image to appear to have a "invisible" image present, and have a script replace that image with the new image when you mouseover or hover the image above.
    If this is the way you want to do it, with the new image appearing on the same page, not as a actual popup window, I think I've done some similar stuff a bunch of years back.

    Let me know if I'm on the right track and I might be able to dig up an example.
     
    style0, Oct 29, 2010 IP