Klikalne elementy, Mapa odsyłaczy, <div> czy co innego? Opcje

[WebCM]

Widok: http://zapodaj.net/433d9440f443.png.html

Obraz pokoju jest tłem znacznika <div>. Znajdują się na nim obiekty o różnym kształcie, np. kulki 1 2 3, boczne drzwi, itd. Po kliknięciu wykona się jakaś akcja. Chcę, aby obszar do kliknięcia zawierał się w tych przedmiotach - tzn. nie przekraczał ich.

Gdyby obraz pokoju był obrazkiem <img> - no problem - zastosowałbym mapę odsyłaczy. Zdaje się, że lepiej umieścić go jako tło - jest bardziej stabilny, nie można go zaznaczyć i zawsze pasuje do wnętrza <div>.

Może mapy odsyłaczy to zły pomysł? Raczej TAK.

Czy zatem istnieje inny sposób, aby odwzorować obiekty typu: kula, wielokąt... czy tylko prostokąty np. przez <div>?

Pomijając "całkowanie" obszaru - np. 50 prostokątów 1px * (100 + 2x) px

Gdyby IE obsługiwał SVG lub <canvas>, zapewne użyłbym tych formatów, ale granica dolna to: IE 6, FF 3.0, Opera 9

[zegarek84]

tak na szybko i podchmielony - jak nie chcesz dawać jako img tego prawdziwego to może prawdziwe tak jak chcesz daj jako tło a drugi img 1x1px przezroczysty i nadaj odpowiednie wymiary - podlinkuj go obszarami w area nadając mu odpowiednią pozycję tak na stronie jak i w kolejności płaszczyzny z-index - dokładniej nie wytłumaczyłeś w czym problem i ten odpowiedni obrazek dalej nie zaznaczą - ale może chodzi o co innego - jednak na to co zrozumiałem to jest w miarę rozsądne obejście problemu...

[edit]
a jeśli chodzi o seo to daj gdzieś mapę tych samych linków co jest w mapie odsyłaczy i po problemie...

Ten post edytował zegarek84 5.08.2009, 20:51:18