Test mit Imagemap als HTML-Code im Objekt "HTML Code"
Beim Klick auf einen der Buchstaben im Bild wird die jeweilige Seite zum Buchstaben im ShowBox-Fenster angezeigt.
Die Seiten, die im ShowBox-Fenster angezeigt werden, sind unter "3 Sitemap" als "Verborgen" markiert worden, damit sie nicht im Menü erscheinen und zudem sind diese Seite ohne Template, d.h. ohne Header und Footer, siehe Anleitung unterm Bild
Kleine Anleitung für Seiten ohne Template:
Die verlinkte Seite unter "3 Sitemap" markieren und oben auf "Eigenschaften" klicken, dann den Reiter "Grafik" anklicken und bei "Optionen" des Häkchen setzen bei "Seite ohne Template erstellen".
Verwendeter Code für Imagemap im Objekt "HTML Code":
<img src="bilder/FAQ-1.jpg" usemap="#image-map">
<map name="image-map">
<area target="" alt="" title="" href="seite-f.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-f.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-f.html', null, false)" coords="14,150,169,346" shape="rect">
<area target="" alt="" title="" href="seite-a.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-a.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-a.html', null, false)" coords="180,152,339,342" shape="rect">
<area target="" alt="" title="" href="seite-q.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-q.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-q.html', null, false)" coords="346,154,504,346" shape="rect">
</map>
Anmerkungen zum Code:
Hier gibt es bei meiner Testseite 3 Area-Abschnitte mit jeweils 3 Stellen (fett markiert), an denen der Dateinamen der Seite an den Dateinamen der eigenen Seiten angepasst werden muss.
Hinzuzufügen sind noch die Inhalte bei alt="" und title="" - z.B. für die Barrierefreiheit.
Die Abschnitte bei "onclick" sind für das ShowBox-Fenster und wurden aus dem Quelltext kopiert - hier Änderungen nur bei Kenntnissen.