WebSite X5Help Center

 
Cristiano C.
Cristiano C.
User

Come rendere una "mappa clickabile" responsive?  it

Автор: Cristiano C.
Просмотрено 1705, Подписчики 1, Размещенный 0  

Buonasera

Ho creato una meravigliosa mappa con aree sensibili con l'applicazione online  www.image-map.net:

COME FACCIO A FARLA DIVENTARE RESPONSIVE?

Ringrazio anticipatamente

Cristiano

Il link per della pagina e':http://www.visitsicily.eu/best-places-to-visit-in-sicily.html

Il codice che ho ottenuto da image-map e' il seguente:

<!-- Image Map Generated by http://www.image-map.net/ -->
<img src="Mappa-Visit-Sicily3.jpg" usemap="#image-map">

<map name="image-map">
<area target="_blank" alt="" title="" href="Http://visitsicily.eu/Catania.html" coords="800,316,885,293" shape="rect">
<area target="_blank" alt="" title="" href="Http://visitsicily.eu/Etna.html" coords="669,193,719,167" shape="rect">
<area target="_blank" alt="" title="" href="Http://visitsicily.eu/Alcantara.html" coords="677,162,852,138" shape="rect">

</map>

Размещено
3 Ответы - 3 Полезно - 1 Корректно
Massimo C.
Massimo C.
User

non può essere responsive, perchè le coordinate che trovi nel codice devono essere fisse nell'immagine. Se questa venisse ridimensionata non funzionerebbero più i collegamenti

Читать больше
Размещено От Massimo C.
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца IT

Ci sono dei servizi online per la creazione di mappa cliccabili responsive basate non su indirizzi assoluti ma ricalcolati in percentuale...

se cerchi con google li troverai sicuramente...

Читать больше
Размещено От Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Cristiano C.
Ho creato una meravigliosa mappa con aree sensibili con l'applicazione online  www.image-map.net: COME FACCIO A FARLA DIVENTARE RESPONSIVE? ... ... ... ...

... per me l'ideale sarebbe la mappatura vettoriale in SVG, non potendo usare SwishMax (il migliore!!!)...

... oppure mappare con WebAnimator, che non ho, ma a quanto pare adatto allo scopo...

... comunque penso che potrebbe! anche funzionare la mia invenzione con > DIV_CUSTOM+IFRAME Dinamico...

.



Читать больше
Размещено От  ‪ KolAsim ‪ ‪