Imagemap mit Lightbox

Hallo zusammen,

kennt Ihr vielleicht einen Workaround, wie ich eine Lightbox aus einer Imagemap heraus öffnen kann?

Ich habe nämlich das Problem, dass meine Seite in XHTML Strict ausgeliefert wird, und da ist das "rel"-Attribut nicht erlaubt für "area"-Tags.

Das Beispiel

Code:

---

<area shape="rect" coords="69,71,104,93" href="tl_files/layout/punkt-2.jpg" alt="Punkt 2" title="Punkt 2" rel="lightbox[lb456]" />

---

validiert also nicht.

Tante Google sagt, ich soll entweder auf HTML5 wechseln oder die lightbox.js anpassen. Gefällt mir beides nicht. :eek:

Hat sonst noch jemand einen Vorschlag?

Danke!!

Gruß Alex

Eine direkte Lightbox auf eine Imagemap geht imho nicht, da es sich hier nicht um einen klassischen Link handelt.

Im Layout so einer Seite ist bei "Eigener JavaScript-Code" folgender Code der eine Lightbox + Title/alt Tag auf Links im Element #Map setzt:

Code:

---

<script type="text/javascript">
<!--
window.addEvent('domready', function() {
    if($('Map'))
    {
        function mediabox() {
            Mediabox.open(this.href, this.title);
            return false;
        };
   
        $('Map').getElements('area').addEvent('click',mediabox);
    }
});
//-->
</script>

---

Klasse! Genau die Lösung, nach der ich gesucht habe.

Vielen Dank!!

Gruß Alex

Das Script klappt wunderbar. Allerdings würde ich noch gerne die Größe der Mediabox bestimmen. Wie und wo trage ich das im Script ein?

LG,
Dirk

OK, habe den Fehler gefunden... hatte die Klammern vergessen :(

So funzt es nun:

Code:

---

Mediabox.open(this.href, this.title, 'mediabox[325 310]');

---

LG,
Dirk

Habe mit großem Interesse den Thread zum Thema Lightbox und Imagemap gelesen. Genau das gleich Problem habe ich auch. Leider ist es mir nicht gelungen gemäß der Anleitung erfolgreich vorzugehen. Im Gegenteil: Als ich im Bereich "Themes" das Seitenelement editierte um das Javascript hinzuzufügen, habe ich sämtliche Seiteninhalte abgeschossen. Soll heißen: Keine Seite zeigte mehr etwas an. Ich habe versuchsweise auf 2 Arten eingebunden:

1. so wie beschrieben
2. als externe JS-Datei, die ich aus dem Head-Bereich der fe_page aufrief

Muss jetzt sagen, dass ich zwar ein klein wenig Ahnung habe, aber absoluter Anfänger bin. Eine Fehlersuche kann ich noch nicht leisten. Ich musste also alle Scriptbestandteile wieder entfernen. Dann liefen - Himmel sei Dank - auch die Seiten wieder.

Ach so: Ich sollte viellleicht noch erwähnen, dass ich versuchte aus einem Foto mit Hotspots die Mediabox aufzurufen.

Könntet Ihr mit auf die Sprünge helfen? Was mache ich falsch?

VG

wfrohn