Hot spot in version 12 Pro
Autor: Marius T.
Visitado 1066,
Seguidores 1,
Compartilhado 0
Is there a solution to create hotspot links from specific zone of an image? Some plugins?
Publicado em
Simple mapping of images with OpenOffice.org, Gimp, etc etc.
Or >> online.
Attach the image and paste the code into Object HTML code.
(IT) Semplice mappare immagine con OpenOffice.org, Gimp, eccetera eccetera.
Oppure >> online
allegare l'immagine ed incollare il codice in Oggetto Codice HTML
.
bye, ciao
.
Hello Marius
Or/and You cook take a look at the post : https://helpcenter.websitex5.com/pt/post/168823
The link on my testsite is still alive - You can see an example here.
And the code that You also find in the post :
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="url 1" alt="Sun">
<area shape="circle" coords="90,58,3" href="url 2" alt="Mercury">
<area shape="circle" coords="124,58,8" href="url 3" alt="Venus">
</map>
Hope this helps You
Kind regards
John S.
The code for the example ( http://www.john-schwartz.dk/imagelink.html ) is here:
<img src="http://www.john-schwartz.dk/files/test15.jpg" width="400" height="300" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="240,90,330,110" href="http://www.bramminginfo.dk/vinklub/" target="_blank" alt="Sun">
<area shape="rect" coords="240,170,330,200" href="http://www.brammingegnsmuseum.dk/" target="_blank" alt="Mercury">
<area shape="rect" coords="240,255,330,280" href="http://www.john-schwartz.dk/index.html" alt="Venus">
</map>
Autor
Thank you all, I have found something like this here http://www.websitex5.info/add_an_imagemap_to_your_pages.html and the solution is to insert html code.
The only problem is that the main image with hotspots is not resizing on responsive.
You can use this method: >> https://gist.github.com/tangent405/7da80afb17602bc0c322
Or, post the LINK of your published HTML page on the network, containing the mapped and working image, and then I'll see what can be done with my personal code.
(IT) - Puoi adottare questo metodo: >> https://gist.github.com/tangent405/7da80afb17602bc0c322
Oppure, posta il LINK della tua pagina HTML pubblicata in rete e contenente l'immagine mappata e funzionante, e poi io vedrò cosa si può fare con un mio personale codice.
.
ciao
Autor
Thank you kolAsim but this is too complicated for me. I am searching a solution which is working at design level. Tryied Flash 5 hotspot but the export *.swf do not work in browser, Flash CS is really a garbage - the sick guys from Adobe changed everything without any reason, so I have no solution. Thanks again.
Try using the traditional mapping and post the LINK.
I'm sorry, without seeing the mapped image link, I can not imagine anything else; ... for example like this link:
http://www.kolasim-zone.it/mappatura/mappait1.htm
(IT) - Provare con la mappatura tradizionale e postare il LINK.
Mi dispiace, senza vedere il link dell'immagine mappata, non posso immaginare altro; ...per esempio come questo link:
http://www.kolasim-zone.it/mappatura/mappait1.htm
.
ciao
.
Autor
Thank you, I have decided to use google maps instead.
... OK ... ... when you want to try the elastic mapping, we will resume a new topic ... ciao
... OK ... quando vorrai provare la mappatura elastica, ci risentiremo in un nuovo argomento ... ciao
.