Lightbox Titel und beschreibung fehlt

[rowar]

Hallo,

Ich habe heute Redaxo installiert und bin sehr angetan - ich finde das CMS einfach toll. Als Neuling in Redaxo hab ich mir mit hilfe des Forums eine Bildergalerie zusammenkopiert.

Meine Galerie besteht aus Lightbox 2.0 und Lightbox Medienpool Group Gallery. Das Ergebinis könnt ihr im Moment auf synapstix.de sehen.

Mein Problem ist folgendes: Im Unteren Teil der Lightboxanzeige hätte ich gern den Titel und wenn möglich die Beschreibung aus dem Medienpool angezeigt (z.B. Hier ). Ich habe schon im Forum und Wiki danach gesucht, bin aber nicht fündig geworden. Kann mir wer helfen bzw. das umprogrammieren damit die Anzeige Funktioniert?


Freundliche Grüße,
Rowar

[rowar]

Hallo,

also für die Sprachanpassung habe ich in der Datei lightbox.js ab Zeile 437 folgenden Code angepasst:

Code: Alles auswählen

// if image is part of set display 'Image x of x' 
		if(imageArray.length > 1){
			Element.show('numberDisplay');
			Element.setInnerHTML( 'numberDisplay', "Bild " + eval(activeImage + 1) + " von " + imageArray.length);
		}

Weiter oben im Code habe ich folgendes gefunden:

Code: Alles auswählen

imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title')));

Ich hab es dann mit getAttribute('title') oder imageLink.getAttribute('title') versucht, dass sah dann so aus:

Code: Alles auswählen

// if image is part of set display 'Image x of x' 
		if(imageArray.length > 1){
			Element.show('numberDisplay');
			Element.setInnerHTML( 'numberDisplay', "Bild " + eval(activeImage + 1) + " von " + imageArray.length + imageLink.getAttribute('title'));
		}

Die Ausgabe war dann nur undefined. Hoffentlich erbarmt sich wer und hilft mir bei diesem Code-Salat...


Freundliche Grüße,
Rowar

[Markus.Staab]

Hi,

du musst im Code der Lightbox gar nichts ändern.

Einfach dem Link, der die Lightbox öffnet ein title="Hier deine Beschreibung rein" einfügen und fertig.

Gruß,
Markus

[rowar]

Hallo,
das hab ich auch gedacht funktioniert aber nicht. Hier mal der Link

Code: Alles auswählen

<a rel="lightbox _4" href=".//files/ataraxia.jpg" title="Ataraxia"><img class="galimg" src="index.php?rex_resize=120a__ataraxia.jpg" alt="Ataraxia" /></a>

[Andreas.Eberhard]

versuch mal das _4 beim rel-Attribut rauszunehmen.
An der Lightbox muss wirklich nichts geändert werden, da kommt aber
jetzt ein Fehler 'undefined' bei der Anzeige.

[rowar]

Hallo,
also ich habe zwar das ursprüngliche Problem nicht gefunden, aber dafür eine Lösung. Weiterhin hab ich das Validierungs Problem gelöst, falls es wen interresiert...

versuch mal das _4 beim rel-Attribut rauszunehmen.

Wenn ich das mache wird nur noch der close Button angezeigt.

Auf der Entwicklerseite ist folgendes Linkbeispiel:

Code: Alles auswählen

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

Der Bereich zwischen den [] wird als Gallerie ID benutzt um die Verschiedenen Gallerien zu unterscheiden und zu wissen ob es sich um ein Einzelbild oder einer Gallerie handelt. In Abhängigkeit davon wird die Navigation und Bild x von y eingeblendet.

Jedoch ist bei XHTML 1.1 im Tag rel keinerlei Klammern oder Sonderzeichen außer "-" und "_" erlaubt. Deswegen habe ich die Ausgabe auf _x umgestellt, das funktioniert und ist konform.

Der Codeschnipsel der die Ausgabe des title Atribut macht lautet: imageArray[activeImage][1]. Leider Funktioniert bei mir nur die Bild x von y Ausgabe, deswegen hab ich diese wie folgt umgebogen

Code: Alles auswählen

// if image is part of set display 'Image x of x' 
		if(imageArray.length > 1){
			Element.show('numberDisplay');
			Element.setInnerHTML( 'numberDisplay', "<strong>"+imageArray[activeImage][1]+"</strong><br />Bild " + eval(activeImage + 1) + " von " + imageArray.length);
		}

Danke für eure Aufmerksamkeit und bis demnächst,
Rowar