WebSite X5Help Center

 
Jan N.
Jan N.
User

How to insert an image with active areas  en

Autor: Jan N.
Visitado 399, Seguidores 2, Compartilhado 0  

I need to insert an image with active areas.For example, as a menu.

Publicado em
10 RESPOSTAS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês IT

(It > En) ... In the normal and level menu items, the insertion of a background image is provided by the normal options, in Step_2...
...(...or there are other ways with the EXTRA code...)...

.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês IT
Jan N.
I need to insert an image with active areas.For example, as a menu.

... As I told you before, depending on what you want to achieve, no extra codes are needed. For example, for an idea like this Marketplace template, which uses this image (V) as the level menu background:
---------------------

---------------------

.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Jan N.
Jan N.
User
Autor

Thanks for the advice.

I know the principle.Writing the code is not a problem.

I just don't know how to get it into Website x5.

JN

Ler mais
Publicado em de Jan N.
John S.
John S.
User

Use a html-object.

Insert the code in the object.

Ler mais
Publicado em de John S.
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês EN

The correct name for this is "Image Map," and here's a post in German.

>> https://helpcenter.websitex5.com/pt/post/269329 (in German)

The post includes a link to a tool for image maps and also the JavaScript code to make the image map responsive.

The code is inserted in the “HTML Code” object, as mentioned by John S.

(German / Deutsch)

Die korrekte Bezeichnung hierfür lautet „Image Map“. Den Community-Post dazu im Link oben.

Der Beitrag enthält einen Link zu einem Tool für Image Maps sowie den JavaScript-Code, um die Image Map responsiv zu machen.

Eingefügt wird der Code im Objekt "HTML Code".

Ler mais
Publicado em de Daniel W.
Jan N.
Jan N.
User
Autor

I normally use the HTML object.In this case, I insert the HTML code and it works, but the image does not appear even if I enter it with the full path.

JN

Ler mais
Publicado em de Jan N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês IT
Jan N.
I normally use the HTML object.In this case, I insert the HTML code and it works, but the image does not appear even if I enter it with the full path. JN

...I hadn't realized with the translator that you needed a mapped image with active areas...

...to be able to evaluate your problem, you should post the link to your online example page, and it would waste less time...

...this mapping is a well-known historical function, which can be done in various ways...
...if you know how to use Inkscape, you could create natively elastic/responsive mappings in SVG...
...or with the suggestions already given, you can create elastic/responsive mappings even with Javascript integration...

.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪