Image-Map Overlay

kampfnickel · 21.12.2010, 17:04

Hallo zusammen,

Ich habe ein Bild mit einer Map drüber. Nun möchte ich mit Javascript - wenn es geht - ein Bild über dem Bild mit der Map positionieren.

So soll es aussehen:

Ich habe in der Mitte ein Spielfeld und an der Seite 5 Karten zur Auswahl. Klicke ich auf eine Karte am Rand und anschließend auf ein Feld auf der Map, soll die Karte vom Rand verschwinden und auf das entsprechende Feld (<area>) platziert werden.

Zudem sollen die Karte am Anfang ebenfalls über dem Bild mit der Map platziert werden.

Kann ich mit JS die <area>'s ansprechen und die Bilder auf diesen platzieren (als Overlay)?

kampfnickel · 18.01.2011, 14:58

Ich habe dies nun anders gelöst. habe einfach mit CSS die klassen angepasst und so die karten "verschoben".

andere frage noch:
ich hab nun mehrere karten dargestellt. wenn ich auf eine karte klicke, soll ein kleiner haken (png-bild) über der karte platziert werden. wie kann man sowas am besten handlen?
per css wäre diesmal nciht sinnvoll, da die karten variieren können

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
PHP-Thumbnails mit mehr Details/Bildinhalt	xVEGAx	PHP-Fortgeschrittene	38	29.07.2010 14:58
image preload aus Cache ?	drsoong	JavaScript, Ajax und mehr	4	28.05.2010 19:41
Problem bei Image speichern in DB	McK	PHP-Fortgeschrittene	7	15.05.2010 16:26
Image Link in zwischenablage kopieren (nach image upload)	dior	PHP Tipps 2010	7	31.03.2010 16:41
variable mit onclick an php	drombusch	PHP Tipps 2009	8	30.08.2009 14:45
[Erledigt] PHP Image Upload & Resize Problem	da.eXecutoR	PHP-Fortgeschrittene	10	14.08.2009 11:50
[Erledigt] Transparente Runde Ecken bei Thumbnial realisieren	tomtaz	PHP Tipps 2008	3	08.07.2008 01:20
Bilder Klasse	snatch-ic	Beitragsarchiv	1	13.06.2007 11:45
Problem mit Image as link ausloser stat text in java script.	Bruce	HTML, Usability und Barrierefreiheit	5	17.01.2006 11:31
[Erledigt] Von image booten		Off-Topic Diskussionen	11	26.12.2005 22:53
curl-URL nach image Datei transferieren		PHP-Fortgeschrittene	1	22.11.2005 12:47
link image als background	AliceD	HTML, Usability und Barrierefreiheit	4	31.08.2005 14:10
DPI Anzahl beim erzeugen von Bildern mit GD2 Lib einstellen?		PHP Tipps 2005	13	28.04.2005 14:39
Image wird erst nach "Reload current page" richtig	papalangi	PHP Tipps 2005	7	02.02.2005 12:01
Problem mit Wasserzeichen auf Bildern	pixelcut	PHP-Fortgeschrittene	16	14.12.2004 02:36

21.12.2010, 17:04
kampfnickel Erfahrener Benutzer Registriert seit: 21.12.2004 Beiträge: 311	Image-Map Overlay Hallo zusammen, Ich habe ein Bild mit einer Map drüber. Nun möchte ich mit Javascript - wenn es geht - ein Bild über dem Bild mit der Map positionieren. So soll es aussehen: Ich habe in der Mitte ein Spielfeld und an der Seite 5 Karten zur Auswahl. Klicke ich auf eine Karte am Rand und anschließend auf ein Feld auf der Map, soll die Karte vom Rand verschwinden und auf das entsprechende Feld (<area>) platziert werden. Zudem sollen die Karte am Anfang ebenfalls über dem Bild mit der Map platziert werden. Kann ich mit JS die <area>'s ansprechen und die Bilder auf diesen platzieren (als Overlay)? __________________ Rollt nen Ball und die Ecke und ist weg!


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

18.01.2011, 14:58
kampfnickel Erfahrener Benutzer Registriert seit: 21.12.2004 Beiträge: 311	Ich habe dies nun anders gelöst. habe einfach mit CSS die klassen angepasst und so die karten "verschoben". andere frage noch: ich hab nun mehrere karten dargestellt. wenn ich auf eine karte klicke, soll ein kleiner haken (png-bild) über der karte platziert werden. wie kann man sowas am besten handlen? per css wäre diesmal nciht sinnvoll, da die karten variieren können __________________ Rollt nen Ball und die Ecke und ist weg!