Zum Inhalt springen

perfectlightbox - funktioniert einfach nicht auf meiner seite

Erstellt am 30. August 2010 · 2 Antworten · letzte Antwort am 31. August 2010

Tags: Bilder, Frage

greatdunny ·

Hallo Leute,

bin derzeit dabei mich in Typo3 einzuarbeiten. Hierzu habe ich auf http://cms.welcome-tirol.at eine "Beispielseite" aufgebaut umd diverse Funktionen die ich benötige in Typo3 zu testen.

Wollte heute perfectlightbox einbauen.
Ich habe die extension runtergeladen und über den Erweiterungs Manager installiert.
Dann habe ich noch im Template der Seite folgenden Code bei Setup eingebaut:

seite.headerData.1337.5.value (
<script type="text/javascript" src="{path:{$plugin.perfectlightbox.prototypePath}}"></script>
<script type="text/javascript" src="{path:{$plugin.perfectlightbox.scriptaculousPath}}?load=effects"></script>
)

Dadurch sollten ja die Files im Header eingebunden werden.
Bei den Constants habe ich folgendes hinzugefügt:

plugin.perfectlightbox.prototypePath = EXT:perfectlightbox/res/js/prototype.js
plugin.perfectlightbox.scriptaculousPath = EXT:perfectlightbox/res/js/scriptaculous.js
plugin.perfectlightbox.lightboxPath = EXT:perfectlightbox/res/js/lightbox-packed.js
plugin.perfectlightbox.mootoolsPath = EXT:perfectlightbox/res/js/mootools1.11.js
plugin.perfectlightbox.slimboxPath = EXT:perfectlightbox/res/js/slimbox-packed.js

Unter "Statische Templates einschließen (aus Erweiterungen):" habe ich folgendes hinzugefügt:
Perfect Lightbox (perfectlightbox)

Habe dann eine Seite mit Bildern erstellt:
http://cms.welcome-tirol.at/index.php?id=28
Dort habe ich im Backend das Kästchen bei "Klick vergrößern" und "Lightbox" aktiviert.

Somit müsste ja alles stimmen.
Jedoch funktioniert das einfach nicht ... Ich bin schon am verzweifeln ...#angry#

Ich habe schon gesehen, dass bei den Bildenr das rel="lightbox" fehlt und die JavaScript Dateien für Lightbox im head nicht eingebunden werden.
Aber WIESO? Ich versteh das nicht. Was hab ich vergessen oder falsch gemacht?

lisardo ·

Hallo,

wie kommst du auf diese Formulierung:

seite.headerData.1337.5.value ( ...

Das kann nur funktonieren, wenn das hier vorausging:

seite.headerData.1337 = COA
seite.headerData.1337 {
    5 = TEXT
    5.value (
        ....
    )
}

Also da liegt wahrscheinlich schon mal ein Has im Pfeffer. Die Perfect-Lightbox bindet eigentlich die Bibliothek selbst ein, das kann sie allerdings nur, wenn dein PAGE-Objekt auch page heisst, also page=PAGE. Es geht auch mit seite=PAGE, aber dann geht so manches nicht mehr automatisch. Wahrscheinlich klappt die gesamte Konfiguration von Perfext Lightbox nicht mehr, und muss manuell nachgezogen werden.

Also meine Empfehlung: bau dein Typoscript erst mal konsequent um auf page=PAGE, das ist garantiert weniger Arbeit, als immer wieder Extensions nachzubessern. Dann flutschen die Javascript-Dateien von selbst rein.

Ausserdem musst du die Perfect-Lighbox auf JQuery umschalten (wie, siehe Manual, weiß ich nicht auswendig), weil du JQuery schon für was anderes verwendenst und offenbar manuell einbindest. Prototype arbeit nicht mit jQuery zusammen.

Ach ja, ausserdem musst du verhindern, dass jQuery zweimal eingebunden wird. Nimm also erst mal das ImageCycle-Script raus. Dann teste perfext lighbox. Wenns geht, dann bau das imageCycle-script wieder rein und pass auf, dass die jQuery-Bibliothek nur einmal geladen wird. Du kannst entweder perfext-lightbox so konfigurieren (gibt eine Einstellung dazu) oder du musst dein ImageCycle entsprechend anpassen.

Gruß
Peter

greatdunny ·

@lisardo

Vielen Dank für deine Hilfe. Jetzt funktionierts. Habe im TS alles auf page umgestellt und

seite.headerData.1337.5.value ( ...

rausgenommen. Dann habe ich über den Constant Editor noch auf jquery umgestellt und jetzt geht es.

DANKE DANKE!