Bild mit Punkten, die bei Hover Infos preisgeben - pflegbar

Hallo,

ich habe für einen Kunden in HTML etwas gebaut mit einem Bild von einem Produkt, das Punkte beinhaltet und bei Hover über den selbigen gibt es weitere Infos.

Jetzt soll das ganze pflegbar gemacht werden. Schwierig ist vor allem, dass die Punkte frei über dem Bild positioniert werden.

Die Produktbilder sind dann auch in einem Slider, wobei das mit dem Standard-Slider von Contao ja kein Problem sein sollte.

Hat jemand von euch eine Idee wo ich ansetzen kann?

Vielen Dank!

Erstelle die Punkte unter dem Produkt als Inhaltselement, dann kannst du sie mit CSS oder mit JS individuell behandeln. Wenn das nicht reicht, dann gebe dem Produkt eine CSS-Klasse, sodass du die nachfolgenden Punkte behandeln kannst. Oder eine Klasse für die Punkte.

So ne Art ImageMap? Das hier vielleicht?
http://www.martin-eberhardt.com/mae_image_map.html

gruß manfred

Zitat:

---

Zitat von Andreas

Erstelle die Punkte unter dem Produkt als Inhaltselement, dann kannst du sie mit CSS oder mit JS individuell behandeln. Wenn das nicht reicht, dann gebe dem Produkt eine CSS-Klasse, sodass du die nachfolgenden Punkte behandeln kannst. Oder eine Klasse für die Punkte.

---

vielen Dank. Aber auch hier müsste der Kunde entweder mit den vorgegebenen Klassen auskommen oder selbst in die CSS eingreifen.

Zitat:

---

Zitat von manfred

So ne Art ImageMap? Das hier vielleicht?
http://www.martin-eberhardt.com/mae_image_map.html

gruß manfred

---

super, das sieht interessant aus. Hier müssen zwar auch die Koordinaten eingetragen werden, aber das sieht für die Pflege simpler aus. Werde ich testen - vielen Dank!