Servus! Gunnar schrieb an Linuchs: >>> Ich würd mal sagen, du bist auf dem Holzweg. >>> Tu alles – Bild, Linien und Texte – ins SVG. Dann brauchst du keinerlei JavaScript-Gedöns. ☞ [Beispiel](https://codepen.io/gunnarbittersmann/pen/oNEOmBN?editors=1000) Ich würde so ein Bild mit Text-Erklärungen als Infografik ansehen. Da haben wir 2 Tutorials: * [SVG/Tutorials/responsive_Imagemaps](https://wiki.selfhtml.org/wiki/SVG/Tutorials/responsive_Imagemaps) - leider kann man das SVG nicht als Grafik im Wiki darstellen, da es durch eine png-Vorschau ersetzt wird (*Wir arbeiten an einem Makeover, dass dann die NativeSVGHandler-Extension beinhaltet. Dann könnte man es einfach so im Tutorial zeigen.*) * [SVG/Tutorials/Infografiken](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Infografiken) Ich würde vorschlagen, die irgendwann zusammenzufassen, 1. das Segelschiff mit immer vorhandenen Labels 2. die Mount Rushmore-Grafik mit :hover-Labels 3. dann Sonne, Mond und Sterne 4. und noch was knackiges. ***Habt ihr ne Idee, was man nehmen könnte?*** Die lange [Einführung in SVG](https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:SVG-Infografik-1.html) will ich irgendwann als Video auf YouTube stellen. Am Ende eines solchen Tutorials oder Kurses ok, aber nicht am Anfang, wie es jetzt ist. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“

Servus! Gunnar schrieb an Linuchs: >>> Ich würd mal sagen, du bist auf dem Holzweg. >>> Tu alles – Bild, Linien und Texte – ins SVG. Dann brauchst du keinerlei JavaScript-Gedöns. ☞ [Beispiel](https://codepen.io/gunnarbittersmann/pen/oNEOmBN?editors=1000) Ich würde so ein Bild mit Text-Erklärungen als Infografik ansehen. Da haben wir 2 Tutorials: * [SVG/Tutorials/responsive_Imagemaps](https://wiki.selfhtml.org/wiki/SVG/Tutorials/responsive_Imagemaps) - leider kann man das SVG nicht als Grafik im Wiki darstellen, da es durch eine png-Vorschau ersetzt wird (*Wir arbeiten an einem Makeover, dass dann die NativeSVGHandler-Extension beinhaltet. Dann könnte man es einfach so im Tutorial zeigen.*) * [SVG/Tutorials/Infografiken](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Infografiken) Ich würde vorschalgen, die irgendwann zusammenzufassen, 1. das Segelschiff mit immer vorhandenen Labels 2. die Mount Rushmore-Grafik 3. dann Sonne, Mond und Sterne 4. und noch was knackiges. ***Habt ihr ne Idee, was man nehmen könnte?*** Die lange [Einführung in SVG](https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:SVG-Infografik-1.html) will ich irgendwann als Video auf YouTube stellen. Am Ende eines solchen Tutorials oder Kurses ok, aber nicht am Anfang, wie es jetzt ist. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“