• 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

    • Trend Micro Cleaner One Pro 6.8.0.333 by Razvan Serea Trend Micro Cleaner One Pro is an all-in-one disk cleaning and optimization software. Free up disk space by removing bloatware and junk files, and solve small issues before they become big problems. Cleaner One Pro scans your disks quickly and then displays the garbage files so you can decide which of them you want to be removed. Cleaner One Pro also provides some advanced features including start up manager, application manager and registry cleaner. Keep your PC clean and automatically tune it up for the best performance. Cleaner One Pro key features: Junk File Cleaner Quick scan to remove temporary files Erase leftover hidden files from deleted Apps Clear trash on external drives Large File Scanner Find large files on your disk and free up more storage Filter and manage files by size (from 10MB+), date, name and type Avoid accidental deletions: Lock to protect important large files. No escape for local files synced from Cloud drives Disk Map Analyze your storage in a visual and interactive map. Color-coded breakdown of every folder on your disk, with detailed information at one click. Easier to manually navigate and manage folders/files by size. Duplicate Files Customizable folder search range. Find and filter unused file copies in just a few seconds. Similar Photos Tidy up your albums and remove duplicate photos the easy way. Registry Cleaner Scan Windows Registry Automatically Finds errors & residual items in the registry and then cleans or defrags them Start up Manager Control, configure and review the programs and services that start with Windows Speed up boot time easily. App Manager Uninstall third-party apps and associated files in a breeze. View and manage Apps by name, size or date. Batch remove multiple unused Apps. Note: Cleaner One Pro 6.8.0.333 changelog is not yet available. Download: Cleaner One Pro 6.8.0.333 | 66.1 MB (Freeware, paid upgrade available) View: Home Page | Cleaner One Pro for Mac OS | Windows Store | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • A friend of mine got this icon being displayed on his iPhone 8 [he's currently in Paris, France - so it might be a local/country icon?!] Do you guys & gals know what this means? I looked on Apple's site, but this icon isn't listed: https://support.apple.com/guide/iphone/learn-the-meaning-of-the-status-icons-iphef7bb57dc/ios
    • Trump is a willing victim.
    • You can probably find out from the writer here: https://x.com/ssc_combater007
  • Recent Achievements

    • One Month Later
      serfegyed earned a badge
      One Month Later
    • Dedicated
      firey earned a badge
      Dedicated
    • Dedicated
      fettermanj earned a badge
      Dedicated
    • One Month Later
      SekTheFirst earned a badge
      One Month Later
    • First Post
      zayanhani earned a badge
      First Post
  • Popular Contributors

    1. 1
      +primortal
      638
    2. 2
      ATLien_0
      231
    3. 3
      Michael Scrip
      219
    4. 4
      Xenon
      145
    5. 5
      Steven P.
      141
  • Tell a friend

    Love Neowin? Tell a friend!