WebSite X5Help Center

 
Jan N.
Jan N.
User

How to insert an image with active areas  en

Autor: Jan N.
Visited 389, Followers 2, Udostępniony 0  

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

Posted on the
10 ODPOWIEDZI
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca 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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca 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

.

Czytaj więcej
Posted on the from  ‪ 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

Czytaj więcej
Posted on the from Jan N.
John S.
John S.
User

Use a html-object.

Insert the code in the object.

Czytaj więcej
Posted on the from John S.
Daniel W.
Daniel W.
User
Najlepszy Użytkownik miesiąca DENajlepszy Użytkownik miesiąca EN

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

>> https://helpcenter.websitex5.com/pl/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".

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from Jan N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca 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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪