Diese Seite mit anderen teilen ...

Informationen zum Thema:
WinDev Forum
Beiträge im Thema:
Erster Beitrag:
vor 1 Jahr, 1 Monat
Letzter Beitrag:
vor 1 Jahr, 1 Monat
Beteiligte Autoren:
Gianni Spano, Danny Lauwers

[WB21] Resizable Image Map ?

Startbeitrag von Danny Lauwers am 03.04.2017 19:12


I want to have a re-sizable image that grows when the browser window get larger and has a MAP defined on it so I can click an different parts of the image to get an ID on what part has been clicked.

I have tried the Image Control (clickable) and set it to MAP where you can create circle, rectangle or polygon mappings on the image. As long as this image does not change it size, it works.

But I have the following problems.
1) If then image is stretched when anchored fully the aspect ratio is not maintained. The image is set to Homothetic centered ? When the browser window resizes, the image also resizes, but not proportional.

2) The created mappings do not resize when the image is resized ? It could be solved with some Javascript when I have the change in aspect ratio.

Does anybody know haw to create this kind of image ? Maybe I need to set some CSS or other options ?

Currently I have a cell with some CSS and the image as the background. This resizes correctly and proportional, but I have no mapping functionality ? I can detect the click but then I have to map that click to mu own mappings ??

Hope you can provide me with some tips !



Hi Danny

A good solution is to use an activex/.net control from http://www.bennet-tec.com/BTProducts/MetaDraw/

I have used it in the past and allow you to set each area (think about a marina with slips) and each of them have an ID ...

Hope in this help


von Gianni Spano - am 04.04.2017 09:45
Zur Information:
MySnip.de hat keinen Einfluss auf die Inhalte der Beiträge. Bitte kontaktieren Sie den Administrator des Forums bei Problemen oder Löschforderungen über die Kontaktseite.
Falls die Kontaktaufnahme mit dem Administrator des Forums fehlschlägt, kontaktieren Sie uns bitte über die in unserem Impressum angegebenen Daten.