Mappa Clikkabile - Urgente

Turbo · 16-06-2009, 15:20

Ciao Forum...

Sapete come posso fare una cosa del genere senza usare flash? http://www.fuggire.it/viaggi.htm

Non mi sembra sia in flash quella mappa della pagina appena linkata da me

Turbo

**Ale76** · 16-06-2009, 19:01

Usa un semplicissimo codice in javascript ed una mappa HTML su un'immagine.

Citazione:

Mi sembra una cosa molto semplice, basta che copi il codice...se hai bisogno di supporto sono qui

Turbo · 18-06-2009, 15:47

Ciao Alex e grazie per la disponibilità

Hai presente gimp, l'alternativa open source a photoshop?

in Gimp è possibile mediante la compilazione di "onmouseover" nella sezione javascript. Cosa devo aggiungere in quello spazio per avere la possibilità in una mappa cliccabile di fare diventare scura una zona al passaggio del mouse?

Turbo

**Ale76** · 18-06-2009, 18:22

In gimp puoi inserire del javascript?!?!?! E per fare cosa?
Scusami, ma non riesco a seguirti...
Quello che devi fare è semplicemente realizzare una serie di immagini con solo il pezzo che ti interessa in risalto.
Vediamo l'esempio sopra:
- ho 2 img, una che si chiama mondo tutta bianca ed una che si chiama africa.gif dove è selezionata in rosso l'Africa
- la funzione onmouseover="MM_swapImage('mondo','','africa.gif', 1)" carica l'immagine africa.gif quando passo sopra con il mouse.
- la funzione onmouseout=MM_swapImgRestore()riporta l'immagine a quella iniziale quando esco col mouse
L'ultima cosa che devi fare è crearti le zone "sensibili" al mouse sull'immagine.

Scrivendo mi è venuto un dubbio: a cosa ti serve quell'immagine? Io sto parlando di pagina Web, di sito Internet, di HTML...

Turbo · 18-06-2009, 21:11

Ciao Alex.
sì, mi serve per una pagina web in HTML.

Però vai in Gimp.

Quindi apri la mappa del mondo per esempio e vai su "filtri" selezionando "Web" e poi "Mappa Web"

Vedrai un editor per pagine web che selezionando o un rettantolo o un cerchio e andando su una parte di mappa e facendo doppio click vai in un menu dove scrivi a che url portare passando il mouse nell'area selezionata. Se vai su "javascript" nel menu in alto di quella finestra vedi "onmouseover" e "onmouseout", cosa immetto lì?

Dopo alla fine che ho capito ciò si esporta un file .map.gif e da li si ricava un codice tipo:

<img src="Immagine" width="640" height="400" border="0" usemap="#map" />

<map name="map">





<area shape="circle" coords="62,60,261" href="http://sss.com" />
</map>

Turbo

e grazie

**Ale76** · 19-06-2009, 12:47

Oh, mamma mia, perchè bisogna sempre complicarsi la vita?

Io la mappa la creo con Dreamweaver, comunque il codice che hai scritto è corretto...

Sulla funzione "onmouseover" devi dirgli di caricare la nuova immagine, ovvero
MM_swapImage('mondo','','africa.gif', 1)
Sulla funzione "onmouseout" devi caricare
MM_swapImgRestore()

Chiaramente devi importare il javascript che definisce quelle funzioni, lo puoi prendere direttamente dal sito indicato.

Fammi sapere...

Turbo · 19-06-2009, 16:56

Ciao Alex.
Quindi posso fare una cosa del genere con un altra mappa e col javascript di quella linkata?

Turbo

**Ale76** · 19-06-2009, 18:43

Se vuoi ti posso aiutare a scrivere il codice HTML, ma non ti posso aiutare per la parte grafica

Turbo · 19-06-2009, 19:13

GRAZIE ALE :-)

Link mappa cliccabile per ogni continente a:

Link Europa a maidireviaggi.it/diario-di-viaggio/europa

Asia maidireviaggi.it/diario-di-viaggio/asia

America maidireviaggi.it/diario-di-viaggio/america

Africa maidireviaggi.it/diario-di-viaggio/africa

Oceania maidireviaggi.it/diario-di-viaggio/oceania

Dici sia meglio con le scritte dei continenti come nella mappa linkata oppure no? Se dici di no qua http://www.pavia3.it/bambini/downloa...Planisfero.gif c'è l'originale ma va colorata come l'ho colorata io. Ci vuole 5 secondi, anche con Paint.net.

Pensi di farcela?

Turbo

ACMarko · 19-06-2009, 22:19

prova a vedere se tipo questa ti va bene:

[url]http://d0kparadise.altervista.org[/url]

Turbo · 20-06-2009, 08:51

Ciao.
Ho risposto qua http://www.webmarketingforum.it/off-....html#post9753

16-06-2009, 15:20	#1 (permalink)
Turbo WMF User Data Registrazione: Jun 2009 Messaggi: 88 Thanks: 18 Thanked 0 Times in 0 Posts	Mappa Clikkabile - Urgente Ciao Forum... Sapete come posso fare una cosa del genere senza usare flash? http://www.fuggire.it/viaggi.htm Non mi sembra sia in flash quella mappa della pagina appena linkata da me Turbo Tweet

18-06-2009, 18:22	#4 (permalink)
Ale76 Alessandro Negri Web Marketing Expert Data Registrazione: Oct 2008 Località: Salsomaggiore Terme Messaggi: 1653 Thanks: 69 Thanked 167 Times in 136 Posts	In gimp puoi inserire del javascript?!?!?! E per fare cosa? Scusami, ma non riesco a seguirti... Quello che devi fare è semplicemente realizzare una serie di immagini con solo il pezzo che ti interessa in risalto. Vediamo l'esempio sopra: - ho 2 img, una che si chiama mondo tutta bianca ed una che si chiama africa.gif dove è selezionata in rosso l'Africa - la funzione onmouseover="MM_swapImage('mondo','','africa.gif', 1)" carica l'immagine africa.gif quando passo sopra con il mouse. - la funzione onmouseout=MM_swapImgRestore()riporta l'immagine a quella iniziale quando esco col mouse L'ultima cosa che devi fare è crearti le zone "sensibili" al mouse sull'immagine. Scrivendo mi è venuto un dubbio: a cosa ti serve quell'immagine? Io sto parlando di pagina Web, di sito Internet, di HTML... __________________ KosmoSol.it -Realizzazione Siti Web e Web Marketing KosmoSol - Servizi e Soluzioni Web su Web Marketing University

19-06-2009, 12:47	#6 (permalink)
Ale76 Alessandro Negri Web Marketing Expert Data Registrazione: Oct 2008 Località: Salsomaggiore Terme Messaggi: 1653 Thanks: 69 Thanked 167 Times in 136 Posts	Oh, mamma mia, perchè bisogna sempre complicarsi la vita? Io la mappa la creo con Dreamweaver, comunque il codice che hai scritto è corretto... Sulla funzione "onmouseover" devi dirgli di caricare la nuova immagine, ovvero MM_swapImage('mondo','','africa.gif', 1) Sulla funzione "onmouseout" devi caricare MM_swapImgRestore() Chiaramente devi importare il javascript che definisce quelle funzioni, lo puoi prendere direttamente dal sito indicato. Fammi sapere... __________________ KosmoSol.it -Realizzazione Siti Web e Web Marketing KosmoSol - Servizi e Soluzioni Web su Web Marketing University

19-06-2009, 18:43	#8 (permalink)
Ale76 Alessandro Negri Web Marketing Expert Data Registrazione: Oct 2008 Località: Salsomaggiore Terme Messaggi: 1653 Thanks: 69 Thanked 167 Times in 136 Posts	Se vuoi ti posso aiutare a scrivere il codice HTML, ma non ti posso aiutare per la parte grafica __________________ KosmoSol.it -Realizzazione Siti Web e Web Marketing KosmoSol - Servizi e Soluzioni Web su Web Marketing University

19-06-2009, 19:13	#9 (permalink)
Turbo WMF User Data Registrazione: Jun 2009 Messaggi: 88 Thanks: 18 Thanked 0 Times in 0 Posts	GRAZIE ALE :-) Link mappa cliccabile per ogni continente a: Link Europa a maidireviaggi.it/diario-di-viaggio/europa Asia maidireviaggi.it/diario-di-viaggio/asia America maidireviaggi.it/diario-di-viaggio/america Africa maidireviaggi.it/diario-di-viaggio/africa Oceania maidireviaggi.it/diario-di-viaggio/oceania Dici sia meglio con le scritte dei continenti come nella mappa linkata oppure no? Se dici di no qua http://www.pavia3.it/bambini/downloa...Planisfero.gif c'è l'originale ma va colorata come l'ho colorata io. Ci vuole 5 secondi, anche con Paint.net. Pensi di farcela? Turbo Ultima modifica di Ale76; 17-08-2009 alle 10:49.

18-06-2009, 15:47	#3 (permalink)
Turbo WMF User Data Registrazione: Jun 2009 Messaggi: 88 Thanks: 18 Thanked 0 Times in 0 Posts	Ciao Alex e grazie per la disponibilità Hai presente gimp, l'alternativa open source a photoshop? in Gimp è possibile mediante la compilazione di "onmouseover" nella sezione javascript. Cosa devo aggiungere in quello spazio per avere la possibilità in una mappa cliccabile di fare diventare scura una zona al passaggio del mouse? Turbo

18-06-2009, 21:11	#5 (permalink)
Turbo WMF User Data Registrazione: Jun 2009 Messaggi: 88 Thanks: 18 Thanked 0 Times in 0 Posts	Ciao Alex. sì, mi serve per una pagina web in HTML. Però vai in Gimp. Quindi apri la mappa del mondo per esempio e vai su "filtri" selezionando "Web" e poi "Mappa Web" Vedrai un editor per pagine web che selezionando o un rettantolo o un cerchio e andando su una parte di mappa e facendo doppio click vai in un menu dove scrivi a che url portare passando il mouse nell'area selezionata. Se vai su "javascript" nel menu in alto di quella finestra vedi "onmouseover" e "onmouseout", cosa immetto lì? Dopo alla fine che ho capito ciò si esporta un file .map.gif e da li si ricava un codice tipo: <img src="Immagine" width="640" height="400" border="0" usemap="#map" /> <map name="map"> <!-- #$-:Image map file created by GIMP Image Map plug-in --> <!-- #$-:GIMP Image Map plug-in by Maurits Rijk --> <!-- #$-:Please do not edit lines starting with "#$" --> <!-- #$VERSION:2.3 --> <!-- #$AUTHOR:CarloCavalieri --> <area shape="circle" coords="62,60,261" href="http://sss.com" /> </map> Turbo e grazie

19-06-2009, 16:56	#7 (permalink)
Turbo WMF User Data Registrazione: Jun 2009 Messaggi: 88 Thanks: 18 Thanked 0 Times in 0 Posts	Ciao Alex. Quindi posso fare una cosa del genere con un altra mappa e col javascript di quella linkata? Turbo

19-06-2009, 22:19	#10 (permalink)
ACMarko Junior Member Data Registrazione: Jun 2009 Messaggi: 25 Thanks: 0 Thanked 2 Times in 2 Posts	prova a vedere se tipo questa ti va bene: [url]http://d0kparadise.altervista.org[/url]

20-06-2009, 08:51	#11 (permalink)
Turbo WMF User Data Registrazione: Jun 2009 Messaggi: 88 Thanks: 18 Thanked 0 Times in 0 Posts	Ciao. Ho risposto qua http://www.webmarketingforum.it/off-....html#post9753

Strumenti Discussione
Visualizza Versione Stampabile Invia questa Pagina via Email
Modalità Visualizzazione
Modalità Lineare Passa a Modalità Ibrida Passa a Modalità Elencata

Ecco i “15” motivi per cui il Tuo Marketing su Facebook NON dà risultati …Clicca e scarica il PDF di 30 Pag già scaricato da gran parte dei Fan:

Ecco i “15” motivi per cui il Tuo Marketing su Facebook NON dà risultati …
Clicca e scarica il PDF di 30 Pag già scaricato da gran parte dei Fan: