Mappa Immagine

» P e y t o n ~

Posted on 18/10/2007, 12:57

+1

.

User deleted

Ecco il mio primo tutorial in questo forum ^^
Non so se già sapete come si fa questa cosa, ma spero comunque sia utile a qualcuno...io ho imparato da sola a farla e avrei fatto molto prima se avessi trovato un tutorial!

Una mappa immagine è un'immagine che, messa in uno spazioweb, permette di far aprire un nuovo link cliccando in alcune parti dell'immagine stessa.
Mettiamo per esempio di avere un'immagine e di voler fare in modo che cliccando sulle facce degli attori si apra il link diretto alla propria biografia.

Una volta finito di graficare sull'immagine (che io invece ho lasciato inalterata dall'originale poichè si tratta di un esempio) salvatela e andate su Filtri » Web » Mappa Immagine e vi si aprirà una finestra come questa:

SPOILER (click to view)

Selezionate lo strumento Definisci area rettangolare oppure Definisci area circolare/ovale oppure se volete fare con maggiore precisione Definisci area poligonale e selezionate il pezzo di immagine che volete possa essere cliccato. Vi apparirà automaticamente una finestra come questa:

SPOILER (click to view)

Inserite nello spazio l'"URL da attivare quando su quet'area viene fatto clic" (nel quale io ho messo http://www.sophiabush.com) e premete ok.
Ripetete la stessa operazione anche per tutte le altre aree che volete vengano cliccate e ogni link verrà aggiunto nella tabellina a destra, dove facendo doppia clic potete sempre modificare ciò che avete fatto.
Quando avete finito cliccate su Salva lasciando l'estensione .map. Si creerà cosi un file ti testo html dove troverete il codice da inserire al posto dell'immagine nelle pagine web, sostituendo la parola Immagine con il link dell'immagine stessa che avevate salvato inzialmente dopo averla hostata.

SPOILER (click to view)