WebSite X5Help Center

 
Omero G.
Omero G.
User

Hotspot o mappe immage  it

Autor: Omero G.
Visitado 330, Seguidores 1, Compartilhado 0  

Qualcuno è riuscito a realizzare una funzione per definire punti sensibili multipli (hotspot o mappe immagine) su una singola immagine?

O in alternativa ha trovato come realizzare una mappa cliccabile?

Omero Gri

Publicado em
7 RESPOSTAS
Elbe 2
Elbe 2
User

Hello Omero,

Oui, il est possible de créer plusieurs points sensibles (hotspots) ou une "mappa cliccabile" dans WebSite X5, mais il faut savoir que la fonction intégrée dans le logiciel est… très ancienne.
Techniquement, il s’agit d’une image map HTML de génération 2005, limitée à des zones rectangulaires et sans gestion responsive avancée.

Ce que permet l’objet natif de WX5

L’objet “Image + zones cliquables” repose sur la balise HTML <map> mais dans une version très simplifiée :

  • uniquement des zones rectangulaires,
  • pas de formes circulaires ou polygonales,
  • pas d’animations,
  • pas de survol,
  • pas de repositionnement dynamique en responsive,
  • pas de hotspots visuels.

C’est une fonctionnalité héritée du moteur historique de WX5, qui n’a pas été modernisée depuis plus de 15 ans.

Pour une vraie carte interactive ou des hotspots multiples, il faut passer par :

  • la version complète des image maps HTML,
  • ou des hotspots CSS/JS encapsulés dans un objet HTML.

Les deux solutions fonctionnent parfaitement dans WebSite X5.

Bonne journée,. 

Lionel 

Ler mais
Publicado em de Elbe 2
Omero G.
Omero G.
User

Ho compreso.

Ti sarebbe possibile indicarmi la versione del Ws5 per recuperare l'oggetto nativo, che tu citi in "Ce que permet l’objet natif de WX5

L’objet “Image + zones cliquables” repose sur la balise HTML <map> mais dans une version très simplifiée"

Grazie

Omero

Ler mais
Publicado em de Omero G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se posti la tua immagine, si potrebbe capire meglio su cosa o come orientarsi...
... il fatto è molto semplice e noto da circa 6 lustri...
... in pratica puoi mappare la tua immagine con gli strumenti che hai già nel tuo PC in modo molto semplice ed intuitivo, come detto noto da un trentennio...
... per esempio si può mappare con OO.draw, Gimp, PaintShopPro, Photoshop, InkScape, eccetera eccetera...,
... quindi se conosci bene il tuo programma di grafica, non avrai alcun problema...
... qualsiasi programma ti genera un codice HTML che basta incollare in un Oggetto codice HTML...
... in questo codice va personalizzato il percorso del file immagine, che se allegato al progetto  in "files" potrebbe essere: files/immagine,jpg
.... puoi mappare anche direttamente online, troverai diversi servizi gratuiti che lo fanno...
... una volta che ci hai preso la mano diventa più semplice del semplice, le basi sono antiche e sempre quelle...
... per fartene un'idea guarda questi vecchi esempi che mi sono ritrovato:
>> https://kolasim.websitex5.me/mappatura/
...
... se ti servissero chiarimenti, avvisami, ...e posta anche il LINK di quello che hai fatto con i tuoi esperimenti online...

.

ciao

.
.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Elbe 2
Elbe 2
User

Hello Omero,

Quand j'ai écrit que l’objet “Image + zones cliquables "repose sur la balise HTML <map> mais dans une version très simplifiée", cela sous-entend que dans l'Objet Image standard natif de WX5, on ne peut mettre qu'un seul lien pour toute l'image (d'où mon terme "très simplifié". Il n'existe pas d'objet natif pour définir plusieurs zones cliquables sur une seule image actuellement dans WX5.

Comme l'a très bien expliqué KolAsim, pour faire cela dans WX5, la meilleure solution est d'utiliser un Objet Code HTML :

  1. Cartographie classique : Tu crées tes zones cliquables sur ton image avec un logiciel externe (GIMP, Photoshop, etc.) ou un générateur d' Image Map en ligne gratuit, puis tu colles le code HTML généré dans l'Objet Code HTML.

  2. Méthode Responsive : Si tu veux que les zones s'adaptent aussi aux smartphones et tablettes, tu peux utiliser du code HTML5/CSS3 avec des hotspots définis en pourcentage (%), toujours inséré dans un Objet Code HTML.

Je suppose que c'est, ci-dessous, ce que tu voudrais faire, mettre des points ou autre symboles (hotspots) sur une image pour qu'au clic, soit ils ouvrent une page, un texte, une autre image, etc... ?

,

Bonne journée,

Lionel

Ler mais
Publicado em de Elbe 2
Omero G.
Omero G.
User
Autor

Ecco quello che vorrei riprodurre con questa immagine

questo è il link : http://www.concertivalvasone.fvg.it/dipinti.html

il tutto funzionava fino a quando la versione Macromedia Flash Player lo permetteva

ora non è più supportata dai browser

Cerco delle alternative utilizzabili con Web Site5 Pro

Ler mais
Publicado em de Omero G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... praticamente l'immagine è già correttamente mappata...
... quello che dovresti fare adesso è creare le directory e sotto-directory di servizio, con contenuti HTML (e non Flash)(*)...
... per esempio questa pagina deve contenere solo HTML normale o con codice compatibile...:
http://www.concertivalvasone.fvg.it/organo/orga1/index.html
... quindi devi avere una cartella che contiene /organo/ che a sua volta contenga /orga1/
... questo tipo di cartelle /orga1/ a seconda dei contenuti potrebbe per esempio contenere un sotto-sito fatto con WebsiteX5...
(*) … valide alternative, WebAnimator, webdesigner.withgoogle, ecc. ...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User
Omero G.
Ecco quello che vorrei riprodurre con questa immagine questo è il link : http://www.concertivalvasone.fvg.it/dipinti.html il tutto funzionava fino a quando la versione Macromedia Flash Player lo permetteva ora non è più supportata dai browser Cerco delle alternative utilizzabili con Web Site5 Pro

Puoi sempre utilizzare fireworks di Macromedia inserendo le porzioni nell'immagine  o, in aternativa, con codice php oppure in JS.

Ler mais
Publicado em de Roberto M.