Knifflige Aufgabe (pixel genau Bild mit div-tag markieren)

LN5

Mitglied
Also folgendes:

In meiner Galerie habe ich über 300 Fotos. Nun möchte ich, dass meine Member auf ein Bild klicken können (um sich zu markieren) und genau an diesem Ort dann ein ca. 30 auf 10 px grosses div-tag erscheint.

Dazu habe ich mir folgende Gedanken gemacht:

1. Beim Überfahren eines Bild muss das Script die genauen Koordinaten des Mauszeigers auf dem Bild kennen, um anschliessend dort ein Ebene "einzufügen".

2. Mit Klick auf das Bild muss bei berechneten Koordinaten auf das Bild in die Datenbank geschrieben werde wo genau wessen Name erscheinen soll.

Ich weiss nicht recht, ob man das mit PHP realisieren kann. Glaube weniger, da PHP serverseitig ist. Aber ich bin mir auch nicht sicher, ob ich bein den JS-Leuten richtig aufgehoben bin, da ja diese Daten (Koordinaten) nachher auch irgendwie in ein Query müssen.

Wäre über eine Hilfe sehr dankbar.
 
Hmm.... etwas fehlt mir jetzt aber doch noch, fällt mir gerade auf. Ich habe eigentlich alle Angaben, nun muss ich aber damit etwas anfangen können. :s

Ich kenne jetzt die genauen Koordinaten des Mausklicks (somit auch, wo diese Ebene hin muss), aber ich weiss nicht, wie ich die Ebene nun dazu bringen kann, dass sie x und y vom Bild aus ist und nicht vom Fenster aus.

Kann mir da bitte jemand weiterhelfen?

Danke!

PS: Sobald alles läuft post ich mal den Rest damit ihr keine halben Sachen habt.
 
Zurück