WebSite X5Help Center

 
Jan N.
Jan N.
User

How to insert an image with active areas  en

Auteur : Jan N.
Visité 386, Followers 2, Partagé 0  
Mots-clés :: non,website x5 evo 2025.2

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

Posté le
10 RéPONSES
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Jan N.
Jan N.
User
Auteur

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

Lire plus
Posté le de Jan N.
John S.
John S.
User

Use a html-object.

Insert the code in the object.

Lire plus
Posté le de John S.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

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

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

Lire plus
Posté le de Daniel W.
Jan N.
Jan N.
User
Auteur

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

Lire plus
Posté le de Jan N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪