web-development-kb-pt.site

Existem outras opções para ativar uma área clicável de formato irregular em uma página da Web que não sejam mapas de imagens?

Temos algumas áreas irregulares ... imagine um mapa dos estados dos EUA. Imagine também que dentro de cada estado exista uma região retangular que contém gráficos e texto. Queremos que cada um dos estados reaja à passagem do mouse/mouseout/clique.

Se for uma página HTML direta (sem Flash), existem outras maneiras de implementar isso além de mapas de imagem?

Se isso não for possível, eu também consideraria apenas fazer com que a região retangular dentro de cada estado reaja aos eventos do mouse.

2
milesmeow

"HTML direto" significa que você pode usar Javascript? Nesse caso, considere o biblioteca javascript do Raphael , que envolve o SVG. Confira a página inicial para obter uma ótima visão geral do que você pode fazer, incluindo este exemplo de condados (?) Da Austrália: http://raphaeljs.com/australia.html

Você também pode considerar processing.js , que é uma biblioteca de visualização semelhante, mas envolve a tela em oposição ao SVG.

2
Rahul

Nos navegadores modernos, você pode usar sprites CSS e marcação muito limpa para fazer a mesma coisa. Aqui está um ótimo tutorial sobre como usá-los em A List Apart. Leia o artigo inteiro, mas consulte a seção "Formas irregulares".

http://www.alistapart.com/articles/sprites

0
Jim Jarrett