• 0

Hover over image map to reveal an image?


Question

im using this script to reveal images in hover mode when mouseover text: CSS Popup Image Viewer

works great! but i have problem, i've tried in the last 3 hours to solve it !

My webpage is based on Image map, in the html my links looks like this:

<body>
<map name="FPMap0">
<area href="aaa.png" shape="rect" coords="507, 467, 534, 483"></map>
<img src="index.2.gif" usemap="#FPMap0" border="0">

</body>

to use the script that will popup the picture in hover mode i use this command:

<a class="thumbnail" href="#thumb">Text here<span><img src="pic.png" /><br />text here</span></a><br />

i want to use this script with my area href, to hover over some area in the picture and another picture (much smaller) will pop up.

I've tried to combine those two functions with no success

one of the top programers in my company looked at it and said that a solution is to hard to find, i want to prove him wrong.

Thanks

1 answer to this question

Recommended Posts

  • 0

Image maps are so last century. Unordered lists of links with link dimensions and positions set by CSS with background images and image shifting are the way to go. Have a look at this AListApart.com article

  Quote
one of the top programers in my company looked at it and said that a solution is to hard to find, i want to prove him wrong

the only charitable thing I can think of is that the destination is difficult to get to from your starting point: starting with an imagemap and munging in CSS behaviours isn't good. That being said, not even mentioning semantic markup completely controlled by CSS (there are several articles going back 3 years on AListApart.com) doesn't make me particularly impressed as to the programmer's knowledge...

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • I happen to try it today not knowing about the update and was happily surprised; it is great.
    • Hello, Hardware Support Applications are a special kind of Microsoft Store app and have to go through additional checks and certifications because they can communicate directly with their driver, which means that a vulnerability in one of them could allow an attacker access to kernel space memory through the HSA ←→ device driver interface.  In other words, a BYOVD (bring your won vulnerable driver) attack, but with the HSA being used as an extra step. Remember, the Microsoft Store is strategic to Microsoft's long-term goals: they see it as the means to get the same 30% of every application sale that Apple and Google get through their stores, which is why it has been a fixture of Windows since Windows 8 was introduced in 2012 despite a low adoption rate.  Microsoft cannot afford to have anyone get an app through their store which causes a security issue for their end users.  Even if the app was written by and uploaded to the Microsoft Store by a partner, it is Microsoft's name on the store, and they are the ones that will have reputational/brand damage if they allow something malicious into their store. Regards, Aryeh Goretsky  
    • This is more from my childhood, when nickelodeon just launched and had to license shows to have something to air. Left a big an impact, but probably more emotion positive / childhood thing. Europe got the follow up season's decade's latter with the animation studio that did Air Bender but never licenses for the US. I miss the day's of longer intro's. Nier (PS3) Intro is epic, and was very unexpected.  PS1 Xengears was also epic and an amazing game.  
    • Sayan Sen, do you think one day an image of the Windows Vista desktop or the wallpaper could be used in the primary image of an article? (When I think of CDs and DVDs I think of that release of Windows and of earlier releases; it is the one that debuted IMAPI 2.0 and other features.)
    • Big fan of EAC Here's a good non-default naming scheme I found on the web (can't take credit) File Name Scheme - %albumartist%\%year% - %albumtitle%\%tracknr2% %title% Various Artists Naming Scheme - Various Artists\%year% - %albumtitle%\%tracknr2% %title% Also, I need test but there is a new flac.exe binary & dll you can drop in the folder to upgrade flac support. I did this pre EAC 1.8. EAC 1.8 did upgrade it to 1.4.3. Flac 1.5.0 came out this year. https://ftp.osuosl.org/pub/xiph/releases/flac/ I don't know how much of a difference / impact will make.
  • Recent Achievements

    • Week One Done
      Ricky Chan earned a badge
      Week One Done
    • Week One Done
      maimutza earned a badge
      Week One Done
    • Week One Done
      abortretryfail earned a badge
      Week One Done
    • First Post
      Mr bot earned a badge
      First Post
    • First Post
      Bkl211 earned a badge
      First Post
  • Popular Contributors

    1. 1
      +primortal
      484
    2. 2
      +FloatingFatMan
      263
    3. 3
      snowy owl
      240
    4. 4
      ATLien_0
      227
    5. 5
      Edouard
      188
  • Tell a friend

    Love Neowin? Tell a friend!