---

Jeg vil gerne markere en given position på et kort med en rød prik.

Eksempel:
Jeg har et billede A på 100 x 200 pixels, hvor jeg gerne vil placere en rød
prik (billede B på 5x5 pixels) med centrum i position 50, 20 på billede A. I
browseren skal det så se ud som et enkelt billede med en rød prik med
centrum i 50, 20.

En mulighed er benytte mit java-grafik-bibliotek på serveren til at male en
rød prik på billedet, så resultatet bliver eet nyt billede med en prik.
Dette nye billede kan jeg så efterfølgende vise på klienten.

Men er det også muligt fx at gøre det ved hjælp af ccs? JavaScript? HTML?

Hvad er det smarteste?

Med venlig hilsen
Allan

---

Hej Allan

Allan Unnerup wrote:

> En mulighed er benytte mit java-grafik-bibliotek på serveren til at male en
> rød prik på billedet, så resultatet bliver eet nyt billede med en prik.
> Dette nye billede kan jeg så efterfølgende vise på klienten.
>
> Men er det også muligt fx at gøre det ved hjælp af ccs? JavaScript? HTML?
>

Jeps. Herunder har jeg bare lavet et eksempel med 2 divs. man kunne i
princippet lade være at sætte en baggrundsfarve på dem og i stedet smide
et baggrundsbillede i hver eller bare et almindeligt billede med
<img>-tagget i hver.

Eksemplet skal blot tjene til inspiration til,hvordan man kunne løse
opgaven. Der er ret mange flere måder at gøre det på.

<div
style="background-color:red;width:100px;height:100px;z-index:1;position:absolute;top:100px;left:100px;">
<div
style="background-color:green;width:10px;height:10px;position:absolute;top:45px;left:45px;z-index:2;"></div>
</div>

mvh Christian