Hover image map

[danibo]

Ik maak een site over een schoolproject en zit met een probleem. Ik heb een model en wil hier verschilende onderdelen op aan duiden ik heb een imagemap gemaakt , met alle onderdelen apart nu zou ik als je hier met de muis overgaat willen dat dit onderdeel omkaderd word en er een vakje bijkomt waar er meer uitleg over dit onderdeel gaat. Ik heb op het net al vele dingen opgezocht maar het lukt mij niet.
Dit zou moeten gebeuren in html en CSS.


<p>
<map name="car" id="car">
<area shape="poly" alt="bumper" coords="476,498,520,472,486,444,488,410,536,426,541,455,639,401,606,377,
607,341,654,356,660,385,720,357,731,371,477,512,473,510" href="#bump" />
</map>
</p>


Dus als ik daar overga zou er een vakje moeten te voorschijn komen met, een afbeelding van dit onderdeel en een korte uitleg.
Ik weet niet hoe ik dit moet benoemen in mijn CSS document.

alvast bedankt

 

[mastermindzh]

Is dit wat je bedoeld? http://jsfiddle.net/HAcE2/

 

[danibo]

Ja en neen. Ik heb een afbeelding

En als je over een welbepaald onderdeel (ik heb deze allemaal al met een polygon met coordinaten afgebakent) van deze grote afbeelding ga, wil ik dat naast de fot waar er al een ruimte voorzien is een kleine afbeelding komt van het onderdeel in detail (andere foto) en een klein tekstje, als ik dan over een ander ga dat op diezelfde plaat een foto en tekstje komt.
Je kan het vergelijken met dit voorbeeld, maar hoe dat ineen zit snap ik niet.
http://www.cssplay.co.uk/menu/solar_map.html
Het mag ook in plaats van mee op de tekening te staan, ernaast komen te staan.