Immagine con collegamenti con più pagine; 
Autore: Roberto M.
Visite 635,
Followers 1,
Condiviso 0
Ciao Volevo creare un sito con un immagine che abbia collegamenti con più pagine; praticamente a seconda di dove si clicca vengo reindirizzato a una pagina del sito internet. È possibile farlo? Allego l'immagine.
Postato il
Ciao Roberto, Si può fare ma tramite codice da scrivere e non è semplice vedi questa mia mappa dell'italia https://www.ilmioproduttoredifiducia.it/regioni-italiane.html
Una delle tante discussioni in cui è affrontato l'argomento
https://helpcenter.websitex5.com/it/post/222609
Però gli esempi riportati non sono responsive
L'ultima volta che avevo guardato il tuo sito non era responsive. Ora vedo che hai rimediato con del codice JS esterno. Buono a sapersi.
Ciao Esse Di, Per ridimensionare la mappa e le sue relative coordinate ho aggiunto queste righe di codice (qui allegato trovi anche il file usato function-jquery-rwdImageMaps-min.js):
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" async defer></script>
<script src="appsresources/function-jquery-rwdImageMaps-min.js" async defer></script>
(Funzione che richiama il ridimsionamento delle zone mappate sull'immagine)
<script>
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
</script>
Ciao Roberto. Ti ringrazio per le precisazione, ma avevo già visto il codice analizzando la pagina
https://www.ilmioproduttoredifiducia.it/regioni-italiane.html
del tuo sito, dove per altro è anche commentato. Il mio "buono a sapersi" voleva essere un complimento
Grazie !
.. è semplice, ma occorre lavorarci un po'...
... il codice HTML MAP relativo alla mappatura basta incollarlo in un Oggetto Codice HTML di dimensioni opportune...
... è possibile mappare in vari modi, più o meno amichevoli, in base alla propria preparazione e/o programmi che dovresti conoscere bene di cui sei fornito...
... in base alla immagine postata, il metodo più semplice ed immediato mi pare quello dei DIV_CUSTOM e quello postato da EsseDi..
... oppure per esempio con alcuni programma facili per mappare in bitmap che potrebbero già trovarsi nel PC, tipo, OO.o, oppure Gimp, oppure di livello superiore, PaintShopPro, e tanti altri più o meno noti...
... oppure è possibile mappare facilmente anche online:
http://www.maschek.hu/imagemap/imgmap
https://en.wikipedia.org/wiki/Image_map
http://imagemap-generator.dariodomi.de/
http://www.howtocreate.co.uk/tutorials/html/imagemaps
https://www.image-maps.com/
... oppure, per me da preferire, usare il formato SVG che crea mappe elastiche, facilmente realizzabili con Inkscape...
... e forse ancor più semplice con WebAnimator, che crea layout elastici...
... a proposito di mappature bitmap elastiche, oltre al mio metodo esclusivo con js+iframe+css_transform (esempi estinti!), ... troverai un valido suggerimento in questo >Topic...
...!... ovviamente è semplice e facile tutto ciò di cui se ne abbia conoscenza...!...
.