WebSite X5Help Center

 
Jan N.
Jan N.
User

How to insert an image with active areas  en

Автор: Jan N.
Просмотрено 390, Подписчики 2, Размещенный 0  

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

Размещено
10 Ответы
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца 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

.

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

.

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

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

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

Use a html-object.

Insert the code in the object.

Читать больше
Размещено От John S.
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца EN

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

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

Читать больше
Размещено От Daniel W.
Jan N.
Jan N.
User
Автор

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

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

.

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