it-swarm-eu.dev

Esistono altre opzioni per abilitare un'area cliccabile di forma irregolare su una pagina Web oltre alle mappe immagine?

Abbiamo alcune aree di forma irregolare ... immagina una mappa degli stati degli Stati Uniti. Immagina anche che all'interno di ogni stato vi sia una regione rettangolare che contiene grafica e testo. Vogliamo far reagire ciascuno degli stati al passaggio del mouse/mouseout/clic.

Se si tratta di una pagina HTML semplice (senza Flash), ci sono altri modi per implementarla oltre alle mappe immagine?

Se ciò non fosse possibile, prenderei anche in considerazione la possibilità che la regione rettangolare all'interno di ciascuno stato reagisca agli eventi del mouse.

2
milesmeow

"Straight up HTML" significa che puoi usare Javascript? In tal caso, considera Raphael javascript library , che avvolge SVG. Dai un'occhiata alla loro homepage per una fantastica panoramica di cosa puoi fare, incluso questo esempio di contee (?) Dell'Australia: http://raphaeljs.com/australia.html

Potresti anche prendere in considerazione processing.js , che è una libreria di visualizzazione simile ma avvolge il canvas invece di SVG.

2
Rahul

Con i browser moderni puoi usare gli sprite CSS e un markup molto pulito per fare la stessa cosa. Ecco un ottimo tutorial su come usarli in A List Apart. Leggi l'intero articolo, ma vedi la sezione "Forme irregolari".

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

0
Jim Jarrett