Zum Inhalt springen

Imagecycle mit Lightbox (rzcolorbox)

Erstellt am 28. Februar 2010 · 7 Antworten · letzte Antwort am 24. März 2010

Tags: Frage

Joey2 ·

Hallo,

ich entdecke gerade die obigen extensions für mich. Sehr interessant, aber leider gelingt es mir nicht, die in Imagecycle ausgewählten Bilder nach Anklicken in einer Lightbox anzeigen zu lassen. Ich habe in TYPO3 4.3.2 die neuesten Versionen der beiden Extensions auf meinem Testserver installiert, die Templates eingebunden und dann dies TS im Setup hinzugefügt.

plugin.tx_imagecycle_pi1 {
cycle.normal.image {
imageLinkWrap {
typolink >
typolink {
title.data = register:caption
parameter.data = TSFE:lastImageInfo|origFile
ATagParams = class="{$plugin.rzcolorbox.rel}" rel="{$plugin.rzcolorbox.rel}"
ATagParams.insertData = 1
}
}
}
}

Den Code habe ich hier gefunden:
http://typo3.cms-jack.ch/de/erweiterungen/imagecycle/

Interessanterweise habe ich bei der Überrüfung TSOB entdeckt, dass aus der Zeile

ATagParams = class="{$plugin.rzcolorbox.rel}" rel="{$plugin.rzcolorbox.rel}"

wurde

ATagParams = class="{rzcolorbox}" rel="{$plugin.rzcolorbox}"

Ich habe dass dann im TSOB zu korrigieren versucht.
Leider ist es mir dennoch nicht gelungen, die Lightbox zum Laufen zu bekommen; in der Testinstallation wird immer nur das Bild vergrößert. In einer anderen Installation erhalte ich zusätzlich die Fehlermeldung "Firefox weiß nicht, wie diese Adresse geöffnet werden soll, da das Protokoll (photos) mit keinem Programm verknüpft ist." Bei weiterem Anklicken wird dann das Bild in Groß angezeigt, aber ohne Lightbox.

Dankbar für jeden Tipp
Joey

rafu1987 ·

Hey Joey,

kannst du mir mal einen Link zur Seite schicken, wo das beschriebene Problem besteht, oder schick mir per PM mal nen Backend-Zugang, dann schau ich mal was mit meiner Extension und der hervorragenden Extension von Jürgen nicht funktioniert 😉

Liebe Grüße
raphael

rafu1987 ·

Hey Joey,

habe mir das ganze mal angeschaut. Schreib mal folgende Zeile in dein TypoScript Template in die Konstanten:

plugin.tx_imagecycle_pi1.jQueryLibrary =

Du lädst die jQuery Library doppelt (einmal ColorBox und einmal imagecycle). Die ColorBox bringt eine Funktion mit, die Library nicht einzubinden; weil aber die imagecycle danach geladen wird, würde die ColorBox dann immernoch nicht funktionieren. Was du auch machen könntest ist:

plugin.tx_imagecycle_pi1.jQueryLibrary =
plugin.rzcolorbox.enableGlobal = 1

in deine Konstanten schreiben und eine jQuery Library von Hand ganz oben via page.headerData inkludieren.

Falls das alles nichts helfen sollte, schau ich dann nochmal nach 😉

Liebe Grüße
raphael

Joey2 ·

Hallo Raphael,

vielen Dank für deine Vorschläge. Ich habe

plugin.tx_imagecycle_pi1.jQueryLibrary =

in die Konstanten geschrieben, was aber leider nicht den erhofften Erfolg gebracht hat, wie du auf meiner Seite sehen kannst.

Bei dem zweiten Lösungsvorschlag ist mir unklar. welche jQuery Library ich einbinden soll, da ja im Header diverse aufgelistet sind.

Viele Grüße und Dank
Joey

PS: Im IE8 bzw. Firefox gibt es zusätzlich diese Fehlermeldungen:
Details zum Fehler auf der Webseite

Benutzer-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Zeitstempel: Mon, 22 Mar 2010 10:18:30 UTC

Meldung: '}' erwartet
Zeile: 67
Zeichen: 136
Code: 0

Firebug meint zu dieser Zeile

missing } after property list
[Break on this error] jQuery(document).ready(function(){jQue...0",transition:"fade",speed:"350"});});

rafu1987 ·

Jep, da ist irgendwas faul:

jQuery(".rzcolorbox").colorbox({current:"Bild {current} von {total}",opacity:"0.85",transition:"fade""350",transition:"fade",speed:"350"

(siehe bei transition, speed...)

Schick mir mal nen Backend-Zugang, dann schau ich mal danach - geht wahrscheinlich schneller 😉

Liebe Grüße
raphael

rafu1987 ·

Hey,

und hier die Lösung:

Zuerst war das mein Fehler, das ganze muss heißen:
plugin.tx_imagecycle_pi1.file.jQueryLibrary =

Somit wird schonmal nur eine jQuery Library eingebunden.

Dein Fehler widerrum war: Du darfst natürlich nur einen ColorBox Style + Base einbinden; du hattest aber alle statischen Templates eingebunden.

Jetzt funktionierts 😉

Liebe Grüße
raphael