WebSite X5Help Center

 
Marius T.
Marius T.
User

Hot spot in version 12 Pro  en

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

Is there a solution to create hotspot links from specific zone of an image? Some plugins?

Размещено
9 Ответы - 6 Полезно - 1 Корректно
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца RU

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

.

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

Hello Marius

Or/and You cook take a look at the post : https://helpcenter.websitex5.com/ru/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.

Читать больше
Размещено От John S.
John S.
John S.
User

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>

Читать больше
Размещено От John S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца RU
Marius T.
... ... ... 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

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Marius T.
Marius T.
User
Автор

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.

Читать больше
Размещено От Marius T.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца RU

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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Marius T.
Marius T.
User
Автор

Thank you, I have decided to use google maps instead.

Читать больше
Размещено От Marius T.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца RU

... OK ... wink ... 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

.

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