Ich denke Imagemaps sind dafür viel zu kompliziert.
Tipp: Bevor du slidest, versuche mal ein sauberes Inhaltselement herzustellen, welches vom Gerüst ungefähr so aussieht
HTML-Code:
<div id="pic_1" class="pic">
<div class="image_container">
...
</div>
<div class="point p_1">
Text point 1
</div>
<div class="point p_2">
Text point 2
</div>
<div class="point p_3">
Text point 3
</div>
</div>
Dann ein erstes Formatieren
HTML-Code:
.pic {
position: relative;
}
.point {
position: absolute;
}
#pic_1 .p_1 {
left: 10px;
top: 10px;
}
#pic_1 .p_2 {
left: 100px;
top: 100px;
}
#pic_1 .p_3 {
left: 300px;
top: 300px;
}
Dann kannst du versuchen die points als Tooltip umzusetzen, MooTools-Tips aus dem More http://mootools.net/docs/more/Interface/Tips ist in Contao schon drin. (More von Contao (Version weiß ich nicht mehr) http://mootools.net/more/99b73ce46c5...3b73a95603b9ae)
Erst dann machst du mehrere .pic und versuchst sie zu sliden, ich empfehle dir SlideItMoo, ich meine ce_slider machte da ein paar merkwürdige Sachen, z.B. hardcodiert CSS-Klassen auf fremde Inhaltselemente aufsetzen (oder war der das nicht?).