Thema: Bild-Shapes mit Verlinkung und Lightbox?

Hallo!

Ich habe in einem Artikel eine Grafik erstellt. Auf dieser Grafik gibt es mehrere Shapes, bei denen sich nach einem Klick auf diese ein Foto öffnet. Allerdings geschieht dies in einem externen Browserfenster. Ich möchte jedoch, das nach einem Klick auf ein Shape eine Lightbox geöffnet wird.

Beide Sachen (Shape und Lightbox) habe ich schon erfolgreich auf meiner Homepage eingebaut - allerdings nie in Kombination miteinander.

Wie kann ich das realisieren? Die Lightbox habe ich bisher immer so aufrufen lassen:

Code:

<a target="_blank" href="/images/stories/news/popup_originalbild.jpg" rel="lightbox" title="Dies ist ein Bild"><img width="150" height="112" alt="Dies ist ein Bild" 
src="/images/stories/news/thumbnails/thumnail_zum_originalbild" style=" float: left;"/></a>

Ein Shape habe ich mit Dreamweaver erstellt und das sieht so aus:

Code:

<map name="401tkbauteile">        
<area coords="23,20,120,132" alt="1" shape="rect" a href="http://www.blabla.de/images/stories/401tkbauteile/1.JPG" target="_blank"></a>

Freue mich auf eure Hilfe! Dankeschön.

Gruß

Hallo bienchen_2,

nimm mal bei

Code:

<map name="401tkbauteile">        
<area coords="23,20,120,132" alt="1" 
shape="rect" a href="http://www.blabla.de/images/stories/401tkbauteile/1.JPG"
 target="_blank"></a>

das rot markierte raus, deshalb öffnet er ein neues Fenster.

Und dann sieh Dir hier noch mal die Syntax für "AREA" bzw. das Imagemap an. Die stimmt nämlich auch nicht.

Das "a" für den Anker ist aber da auch überflüssig, genauso wie das schliessende "/a".
Mit welchem Befehl schickst Du denn normalerweise ein Bild in die Lightbox? (Code)
Das müssten wir dann in Dein Shape-Konstrukt mit einbauen.

Anker? Hm ups, ist wohl noch so übrig geblieben.

Also bis jetzt habe ich ein Foto so in die Lightbox geschickt:

<td width="173"><a target="_blank" rel="lightbox" href="http://www.ice-fansite.com/images/stories/vergleich/alt/IMG_5526.JPG" title="Vergleich ICE 1 ohne und mit Redesign"><img height="240" width="149" src="http://www.ice-fansite.com/images/stories/vergleich/th/alt/IMG_5526th.jpg" alt="IMG_5526" border="0" style="float: left; border: #000000 1px solid;" /></a>

Und nun zu meinem Konkreten Problem nochmal:
http://test.ice-fansite.com/joomla15...ce-1&Itemid=54

Edit: Habe mir die Mediabox von JCE heruntergeladen. Ich kann nun ein Foto verlinken mit "jcepopup". Da ich die Shapes im Editor nicht direkt anwählen kann, habe ich den Code über Dreamweaver geändert. Nun werden die Bilder in dieser Lightbox von JCE aufgerufen, wenn ich den jeweiligen Bereich anklicke auf dem Bild. Sehr schön!

Und das ist die ganze Zauberei dabei:

<area shape="rect" coords="23,20,120,132" href="http://www.joomlaportal.de/images/stories/401tkbauteile/1.JPG" class="jcepopup">

Grüße,
Claudia

P. S.: Eigentlich wollte ich die Test-Homepage nirgends verlinken, das soll eine Überraschung werden. Aber um das Problem zu erkennen, wäre das erstmal hilfreicher.

Super und immer freie Fahrt! Deine Homepage ist klasse und sehr informativ!