WebSite X5Help Center

 
Jan N.
Jan N.
User

How to insert an image with active areas  en

Autor: Jan N.
Besucht 392, Followers 2, Geteilt 0  

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

Gepostet am
10 ANTWORTEN
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats 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

.

Mehr lesen
Gepostet am von  ‪ 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

Mehr lesen
Gepostet am von Jan N.
John S.
John S.
User

Use a html-object.

Insert the code in the object.

Mehr lesen
Gepostet am von John S.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats EN

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

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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Jan N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪