WebSite X5Help Center

 
Roberto M.
Roberto M.
User

Immagine con collegamenti con più pagine;  it

Autor: Roberto M.
Visitado 656, Followers 1, Compartido 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.

Publicado en
7 RESPUESTAS - 2 úTIL
Esse Di
Esse Di
User
Roberto N.
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

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.

Leer más
Publicado en de Esse Di
Roberto N.
Roberto N.
User

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>

Leer más
Publicado en de Roberto N.
Roberto N.
Roberto N.
User

Grazie !

Leer más
Publicado en de Roberto N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT
Roberto M.
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.   Allegato: immag.jpg

.. è 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...!...wink

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪